Question

我在iframe中播放了不同的YouTube视频ID，目前一次只播放一个视频，用于处理下一个视频我尝试过onPlayerStateChange（）事件，但是当视频结束时事件没有触发，有没有办法解雇视频结束时的事件或一个接一个地播放多个视频。请帮助我。

我试过以下代码。

html代码：

Route::resource('admin/products/', 'TheNameOfYourController');

cs code：

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

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 First，看看是否可以删除您需要做的一些工作，因为谷歌可能已经为此创建了解决方案。

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

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

2 个答案: