如何在iframe播放youtube视频列表

本文关键字：youtube 视频 列表 播放 iframe | 更新日期: 2023-09-27 18:09:30

我有不同的YouTube视频id在iframe中播放，目前一次只有一个视频播放，用于处理下一个视频，我尝试了onPlayerStateChange()事件，但事件在视频结束时不触发，是否有任何方法在视频结束时触发事件或播放多个视频一个接一个。谁来帮帮我。

我试过下面的代码。

html代码:

<script type="text/javascript">
function ifplayer_onPlayerStateChange() {
            alert("statechanged");
        }
</script>
<iframe id="ifplayer" runat="server"/>

c代码:

ifplayer.Attributes.Add("src", "//www.youtube.com/embed/videoid");
ifplayer.Attributes.Add("onload", "ifplayer_onPlayerStateChange();");

如何在iframe播放youtube视频列表

我累了下面的代码播放另一个视频后，第一个视频结束，它为我工作。

<iframe class="ytplayer" src="https://www.youtube.com/watch?v=pwfnT4CKoJo?enablejsapi=1" id="player" height="500" width="600" runat="server"></iframe>
<script>
var player;
function onYouTubeIframeAPIReady() {
        player = new YT.Player( 'player', {
            events: { 'onStateChange': onPlayerStateChange },            
        });
      }
      function onPlayerStateChange(event) {
        switch(event.data) {
            case 0:               
                    document.getElementById('player').src = "https://www.youtube.com/watch?v=bhGQSsuTjmw?enablejsapi=1";
                    onYouTubeIframeAPIReady();                           
            break;
          case 1:
              alert('video playing from ' + player.getCurrentTime());
            break;
          case 2:
              alert('video paused at ' + player.getCurrentTime
            break;
        }
      }
</script>

我建议先看一下YouTube API，看看它是否可以减少你需要做的一些工作，因为谷歌可能已经创建了一个解决方案。

你可以在这里找到:https://developers.google.com/youtube/code_samples

相关文章：