javascript - youtube在页面 anchor 链接上嵌入自动播放

Question

我在页面底部嵌入了一个youtube剪辑，在单击时滚动到了它的顶部是一个定位链接。

单击 anchor 链接时，是否可以自动播放嵌入的youtube剪辑？

我可以使用jQuery进行 anchor 链接的某种点击功能，自动播放youtube嵌入吗？

任何指针都受到高度赞赏!
谢谢!!!

Answer 1

您需要使用youtube API来执行此操作。这是一个演示的示例:http://plnkr.co/edit/lYCJeQBj0Cjl0FuzKTfE?p=preview

var player;
function onYouTubeIframeAPIReady() {
  //this is the id of your video
  player = new YT.Player('your-video');
}
//call this function from your links onclick
function playVideo() {
  if(player) {
    player.playVideo();
  }
}
//this loads the youtube api
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);


//iframe embed markup, note the enablejsapi=1 portion of the video URL
<iframe 
   id="your-video" 
   width="420" 
   height="315" 
   src="//www.youtube.com/embed/6yEgcb167k4?enablejsapi=1" 
   frameborder="0" 
   allowfullscreen
>
</iframe>

//your button markup
<a href="#your-video" onclick="playVideo()">Go to video</a>