1

こんにちは、YouTube の iframe API を使用して 2 つ (またはそれ以上) のビデオを同時に再生できるようにしたいと考えています。

両方の動画を追加できましたが、一方が再生中で、もう一方が一時停止しているように見えます。一時停止したもので playVideo() を実行すると、再生が開始されますが、再生中のものは一時停止されます...

一度に 1 つのビデオのみのこの既定の動作をオーバーライドする方法はありますか?

ビデオを作成するコードの一部:

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 に答える