Youtube API如何在视频结束时从0秒播放视频? iframe,Javascript

时间:2013-07-21 21:40:31

标签: javascript iframe youtube html5-video youtube-javascript-api

所以我有我的代码它检测到播放器停止问题是我无法让它从0秒结束时结束我正在使用iframe嵌入,持有一个html5视频,这是代码!

<div id="youtube-fs"><iframe id="youtube-iframe" type="text/html" src="http://www.youtube.com/embed/LYL0lzmrvk8?enablejsapi=1&html5=1&autoplay=1&showinfo=0&controls=0&rel=0&wmode=transparent&vq=hd1080&hd=1&loop=1" frameborder="0" wmode="Opaque" ></iframe> <script type="text/javascript">
    <!--
      var tag = document.createElement('script');
      tag.src = "http://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      var player;
      function onYouTubePlayerAPIReady() { player = new YT.Player('youtube-iframe', { events: { 'onStateChange': onPlayerStateChange } }); }
      function onPlayerReady(event) { event.target.playVideo(); }
      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.ENDED) { player.playVideoAt(0); } // Play from 0 seconds
      }
        -->
    </script>

    </div>

有什么想法吗?也许寻求?或者其他的东西 先感谢您!

使用过的player.seekTo(1, true);

1 个答案:

答案 0 :(得分:5)

试试这个

 function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.ENDED) { 
          player.seekTo(0); 
          player.playVideo();

        } // Play from 0 seconds
      }

http://plnkr.co/aoSupfT7vXGGoM99sNwl