Javascript 如何使用iframeapi同时播放两个Youtube视频_Javascript_Youtube_Youtube Api_Youtube Javascript Api_Youtube Iframe Api

Javascript 如何使用iframeapi同时播放两个Youtube视频

javascript youtube youtube-api

Javascript 如何使用iframeapi同时播放两个Youtube视频,javascript,youtube,youtube-api,youtube-javascript-api,youtube-iframe-api,Javascript,Youtube,Youtube Api,Youtube Javascript Api,Youtube Iframe Api,嗨，我希望能够使用Youtube的iframe API同时播放两个或多个视频我已经能够添加两个视频，但其中一个显示正在播放，另一个暂停。如果我在暂停的视频上执行playVideo，它将开始播放，但播放的视频将暂停有没有办法一次只覆盖一个视频的默认行为创建视频的一些代码位： self.player = new YT.Player(self.playerId, { videoId: self.options.videoId, playerVars: { cont

嗨，我希望能够使用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
    }
});

及

谢谢

下面是一个示例代码，它可以同时播放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>

希望这有帮助。

您想使用自动播放功能还是单击播放？也许这会有帮助：@Skwal可以工作，但它使用SWFOBject，显然什么都没有做，您可以只播放多个视频。但是，在js iframe api上，视频会彼此暂停，就像在屏幕上打开许多youtube选项卡一样chrome@MartinMassera我也在做类似的事情。发现在两个或多个不同客户端中同时调用player.playVideo只能播放一个客户端，而其他客户端则无法播放。你能解决这个问题吗？@taimuralam不，我没有。那不是iFrame api，只是一个iFrame

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