播放另一个时，暂停所有其他YouTube iframe-Java 学习之路

我在一个页面上嵌入了多个YouTube iframe . 我希望当一个视频开始播放时，所有其他视频应该停止/暂停 .

我找到了similar question，其中用户使用iframe API在1页上为2个嵌入式iframe执行此操作 . 现在我的iframe是动态创建的，页面上有2个iframe .

我已经在使用iframe API来跟踪GA事件 . 以下是我的代码

var tag = document.createElement('script');
tag.src = "http://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

function onYouTubeIframeAPIReady(event) {
  player = new YT.Player('ytplayer', {
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}

var pauseFlag = false;
function onPlayerReady(event) {
}
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        ga('send', 'event', 'Youtube', 'Play', player.getVideoData().title);
        pauseFlag = true;
    }
    if (event.data == YT.PlayerState.PAUSED && pauseFlag) {
        ga('send', 'event', 'Youtube', 'Pause', player.getVideoData().title);
        pauseFlag = false;
    }
    if (event.data == YT.PlayerState.ENDED) {
        ga('send', 'event', 'Youtube', 'Finished', player.getVideoData().title);
    }
}

如何使用 onPlayStateChange() 功能停止/暂停任何其他视频播放？

1 回答

-1
您可以访问特定的播放器并停止它们 .
```
var myPlayer = document.getElementById('playerid');
    myPlayer.stopVideo();
```
回复于 2024-04-28T14:11:36+08:00

播放另一个时，暂停所有其他YouTube iframe

1 回答

相关问题