どのHTML5ビデオイベントは、ビデオが再生されている現在のタイムを指しますか?

StackOverflow https://stackoverflow.com/questions/20353751

質問

ユーザーにオプションを持ってほしい skip preroll ad 指定された時間の後(たとえば、広告に5秒になります)。その後、通常のビデオが再生されます。どうすればこれを達成できますか?現在、私はこれのインラインを持っています:

var adManager = function () {
    var adSrc = url,
        src = "http://media.w3.org/2010/05/sintel/trailer.mp4";
    var adEnded = function () {
        videoPlayer.removeEventListener("ended", adEnded, false);
        videoPlayer.removeEventListener("playing", adPlaying, false);
        $("#companionad").hide();
        videoPlayer.src = src;
        videoPlayer.load();
        videoPlayer.play();
        console.log(videoPlayer.currentTime);
    };
    var adPlaying = function () {
        var companionad = $(responseXML).find("HTMLResource").text();
        $("#companionad").html(companionad);
        console.log(videoPlayer.currentTime);
    }
    return {
        init: function () {
            videoPlayer.src = adSrc;
            videoPlayer.load();
            videoPlayer.addEventListener("ended", adEnded, false);
            videoPlayer.addEventListener("playing", adPlaying, false);
            if (videoPlayer.currentTime > 5) {
                $("#skip").show();
            }
            console.log(videoPlayer.currentTime);
        }
    };
}();
adManager.init();

私がやろうとしているのは:

if (videoPlayer.currentTime > 5) {
    $("#skip").show();
}

を表示します skip ボタンと通常のビデオに進みます。何かありますか event ビデオプレイが進むにつれて、それは絶えず解雇されますか?

役に立ちましたか?

解決

あなたのチェックをします media.currentTime のハンドラーのプロパティ timeupdate イベント。見る ドキュメンテーション:

TimeUpDateイベントは、現在の属性が示す時間が更新されたときに起動されます。

余談ですが、これ HTML5ビデオデモページ 利用可能なさまざまなプロパティやイベントをいじくり回すための本当に便利なリファレンスです。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top