0

ムービーをロードし、最後まで再生し、「終了」イベントに反応し、ユーザーが操作するまでループする必要がある新しいソースを設定するプレーヤー ロジックを構築しています。次に、film2 が再生され、「ループに切り替わる」ので、別の src をロードし、ループのループにオプションを設定します。

私はそれを機能させることができませんでした。

これが私のコードです：

<video id="video_1" preload="auto" width="100%" height="100%">
    <source src="video/dummy/dummy_film1.mp4" type='video/mp4'>
</video>

そして、ここに私のjsがあります:

function initialVideoFinished(){
    _myPlayer.off('ended', initialVideoFinished);
    console.log('video1 finished - video js READY');
    console.log('myPlayer id == ' + _myPlayer);
    _V_('video_1', {'loop' : 'true'});
    _myPlayer.src('video/dummy/dummy_loop1.mp4');
    _myPlayer.play();
    ni_resize();
}

たくさんのバリエーションを試しました。"" でループするか、または _myPlayer.loop = true; なしでループします。V (...) または単に videojs(..) ですが、新しいビデオ src は決してループしません。

タグも丸ごと差し替えてみました。これは機能しますが、プレーヤー オブジェクトへの参照が失われます。

これどうやってするの？

4

1 に答える 1

1

使用できますloop(true)：

var myPlayer = videojs("my_video_1");
function initialVideoFinished(event) {
    console.log("end");
    myPlayer.off('ended', initialVideoFinished);
    myPlayer.src("http://example.com/newsource.mp4");
    myPlayer.loop(true);
    myPlayer.play();
}
myPlayer.on('ended', initialVideoFinished);
于 2013-07-17T12:42:13.830 に答える