如何在 iframe 中播放 youtube 视频列表

Question

我有不同的 YouTube 视频 ID 可以在 iframe 中播放，目前一次只能播放一个视频，为了处理下一个视频我尝试了 onPlayerStateChange() 事件，但是当视频结束时事件没有触发，有什么办法吗在视频结束时触发事件或一个接一个地播放多个视频。任何人都请帮助我。

我试过下面的代码。

html代码：

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

cs代码：

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

Answer 1

我厌倦了下面的代码，在第一个视频结束后播放另一个视频，它对我有用。

<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>

Answer 2

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

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

如何在 iframe 中播放 youtube 视频列表

How to play list of youtube videos in iframe

.net

c#

iframe

youtube-iframe-api