默認情況下，jQuery YouTube的第一個視頻

Question

我創建了一串點擊鏈接時發生變化的視頻。除了一件事，所有的工作都很好我希望在頁面加載時顯示第一個視頻。有任何想法嗎？

http://jsfiddle.net/J4rV3/

<!-- Youtube Video Player --> 
<div id="yt_container"></div>  
<!-- End of YT Video Player --> 

<div class="related"> 
<h5>Related Videos</h5> 
<div id="yt_videos"> 
     <a href="yTe-wSkRlbQ"><i class="icon-video"></i> Install</a> 
     <a href="uZ9Xt6x2kS8"><i class="icon-video"></i> Authorize</a> 
     <a href="IAfw07yLfKY"><i class="icon-video"></i> Get Books</a>    
     <a href="kdCXVCjB_Jw"><i class="icon-video"></i> Download</a>    
     <a href="9oDzQOvFS4k"><i class="icon-video"></i> Read</a>    
     <a href="NYLoJPYPBeI"><i class="icon-video"></i> Listen</a>    
     <a href="g4xMBd74hFw"><i class="icon-video"></i> Return</a>    
     <a href="OTdjzSW3jSE"><i class="icon-video"></i> Playbook Tips</a>  
</div> 
</div> 

<script> 
$(function() {  

     $('#yt_videos a').click(function(e){ 
      e.preventDefault(); 
      var URL = $(this).attr('href'); 
      var htm = '<iframe width="100%" height="377" src="//www.youtube.com/embed/' + URL + '?rel=0&wmode=opaque" frameborder="0" allowfullscreen ></iframe>'; 
      $('#yt_container').html(htm);  

      return false; 
     });  

}); 
</script> 

Answer 1

這樣做肯定會有效！

$("#yt_videos a:eq(0)").trigger('click'); 

Answer 2

你所尋找的這個小腳本：

$(function() { 
    var firstVideo = $("#yt_videos a:first-child"); 
    firstVideo.click(); 
}); 

你看到一個工作演示在這裏： http://jsfiddle.net/J4rV3/1/

這將觸發對第一click事件您的#yt_videos容器內有<a>標籤。

Answer 3

試試這個：在jquery中使用eq來獲取dom元素中的元素。

$("#yt_videos a:eq(0)").trigger('click');