嗨，我希望能够使用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
}
谢谢！
这是一个示例代码，它同时播放 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>
希望这有帮助。