click() apply on image to change video in display div
hello i want to make a youtube playlist like interface i have tried following code

    <script>
    $(document).ready(function(){
    	$('.video_display').html('<iframe width="388" height="263" src="http://www.youtube.com/embed/qK0w8PmpA8Q" frameborder="0" allowfullscreen></iframe>);
    	
    	$('#img1').click(function(){
    		$('.video_display').html('<iframe width="388" height="293" src="http://www.youtube.com/embed/nfjD9Kz8DDY" frameborder="0" allowfullscreen></iframe>');
    		
    		})
    })
    
    
    </script>

Html

    <ul>	
        
         <li id="img1"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img2"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img3"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img4"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img5"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img6"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img7"><img src="images/footer_img.jpg" alt=" " /></li>
        
    </ul>

my script is not working plz help

Thanks
click() apply on image to change video in display div
===

hello i want to make a youtube playlist like interface i have tried following code

    <script>
    $(document).ready(function(){
    	$('.video_display').html('<iframe width="388" height="263" src="http://www.youtube.com/embed/qK0w8PmpA8Q" frameborder="0" allowfullscreen></iframe>);
    	
    	$('#img1').click(function(){
    		$('.video_display').html('<iframe width="388" height="293" src="http://www.youtube.com/embed/nfjD9Kz8DDY" frameborder="0" allowfullscreen></iframe>');
    		
    		})
    })
    
    
    </script>

Html

    <ul>	
        
         <li id="img1"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img2"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img3"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img4"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img5"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img6"><img src="images/footer_img.jpg" alt=" " /></li>
         <li id="img7"><img src="images/footer_img.jpg" alt=" " /></li>
        
    </ul>

my script is not working plz help

Thanks