1

嗨，我希望能够使用 Youtube 的 iframe API 同时播放两个（或更多）视频。

我已经能够添加两个视频，但一个似乎正在播放，另一个暂停。如果我在暂停的播放器上执行 playVideo() ，它会开始播放，但播放的播放器会暂停...

有没有办法一次覆盖一个视频的默认行为？

创建视频的一些代码：

self.player = new YT.Player(self.playerId, {
    videoId: self.options.videoId,
    playerVars: {
        controls: 0,
        showinfo: 0,
        modestbranding: 1,
        wmode: 'transparent'
    },
    events: {
        'onReady': self.playerReady,
        'onStateChange': self.playerStateChange
    }
});

和

self.playerReady = function(e) {
    if (self.options.mute) e.target.mute();
    e.target.seekTo(self.options.start);
    e.target.playVideo();
};
self.playerStateChange = function(state) {
    if (state.data === 0 && self.options.repeat) { // video ended and repeat option is set true
        self.player.seekTo(self.options.start); // restart
}

谢谢！

4

1 回答 1

0

这是一个示例代码，它同时播放 2 个 youtube 视频。

<html>
 <head>
  <h1>Two youtube videos Playing Simultaneously</h1>
 </head>
 <body>
  <br>
  <iframe width="560" height="315" src="//www.youtube.com/embed/2ggzxInyzVE?autoplay=1" frameborder="0" allowfullscreen></iframe>
  <iframe width="560" height="315" src="//www.youtube.com/embed/hHUbLv4ThOo?autoplay=1" frameborder="0" allowfullscreen></iframe>
 </body>
</html>

希望这可以帮助。

于 2014-04-03T16:35:45.113 回答