0

この例のようなプレロール広告をまとめようとしています (連続動画):

<video width="640" height="360" src="video1.mp4" type="video/mp4" 
controls="controls" preload="none"></video>

<script>
$('video').mediaelementplayer({
    success: function(media, node, player) {
        media.addEventListener('ended', function() {

            media.setSrc('video2.mp4');
            media.load();
            media.play();

        }, false);
    }
});
</script>

最初のビデオで表示されるプレーヤー コントロールを非表示にしてから、2 番目のビデオのコントロールを追加する必要があります。これが私が試したことです：

  • jqueryを介してコントロールバーを非表示にするさまざまな方法がありますが、ホバーすると（コントロールdivの上に）常に再表示されます。
  • そのホバーのバインドを解除します。運がない。
  • video タグの controls 属性なしで開始し、2 番目のビデオに追加しますが、いつでもホバー時にコントロールを取得できます。

私が持っていた他の唯一のアイデアは、機能配列を最初のビデオの進行状況バーだけに設定し、次に 2 番目のビデオの残りのコントロール機能を追加することでしたが、それを行う方法がわかりません。

4

1 に答える 1

0

広告中に（インタラクションを防ぐために）プレーヤーの上に配置していたdivがプレーヤーの一番下を覆っていなかったため、ホバーアクションが発生したようです。divを正しくオーバーレイすると、問題が解決しました。

于 2012-09-04T17:44:08.053 に答える