0

私は最近、ユーザーがビデオを操作できるインタラクティブなビデオ プロジェクトに取り組んでいます (ある人のビデオをクリックすると、新しいビデオが表示され、ユーザーはその人に移動します...)。ビデオ ソースの変更は問題ではありませんが (以下のコードを確認してください)、手順 'A' と 'C' の間で問題が発生します。

現在のソースをクリアし（A）、新しいソースを作成し（B）、新しいビデオを開始します（C）。「A」と「C」の間のビデオ要素の黒い背景が表示されます。それほど長くはありませんが、50 ミリ秒未満としましょう。私の唯一のアイデアは、次のビデオを再生する準備ができたら、2 つのビデオ要素を操作してそれらを切り替えることです。誰か良いアイデアはありますか？

playVideoElement:function( videoelement ){

    //empty current source nodes  (A)
    ($(this.videoPlayer).getChildren()).dispose();

    //set new source  (B)
    this.videoPlayer.adopt( new Element('source').setProperties( ... ) );

    //start new video  (C)
    this.videoPlayer.load();
    this.videoPlayer.play();

}

基本的に私の質問は次のとおりです。再生する準備ができているビデオ要素に新しいソースを設定する方法はありますか?

4

1 に答える 1

0

現在のソース用と新しいソース用の 2 つの div を設定できますか。css を使用して 2 番目を非表示に設定し、自動再生を false に設定し、プリロードを none に設定します。ビデオを切り替える必要がある場合は、最初のビデオを非表示にし (div を削除しても機能する場合があります)、2 番目の div を表示し、2 番目のビデオを読み込んで再生しますか?

于 2012-06-15T05:59:22.920 に答える