1

您好我希望能夠同時播放兩個(或更多)的視頻使用YouTube的iframe API兩個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 
} 

謝謝!

+0

提供一些代碼 – KiKMak

+0

你想使用自動播放功能或在點擊播放? – KiKMak

+0

也許這將幫助:http://stackoverflow.com/questions/10268075/controlling-playback-of-multiple-youtube-videos-with-the-youtube-js-api-playing – Skwal

回答

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> 

希望這會有所幫助。

+0

這不是iFrame api,但只是一個iFrame –