Welches HTML5 -Video -Event bezieht sich auf die aktuelle Zeit des Videoes, das gespielt wird?

Question

Ich möchte, dass der Benutzer die Option hat skip das preroll ad Nach einer bestimmten Zeit (sagen wir 5 Sekunden in die Anzeige). Dann würde das normale Video abspielen. Wie kann ich das erreichen? Derzeit habe ich etwas Inline davon:

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();

Was ich versuche zu tun ist:

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

zeige den skip Schaltfläche und weiter zum normalen Video. Gibt es irgendwelche event Das wird immer wieder abgefeuert, wenn das Video abgespielt wird?

Answer 1

Machen Sie Ihren Scheck gegen die media.currentTime Eigentum in einem Handler für die timeupdate Veranstaltung. Sehen Dokumentation:

Das Zeitupdate -Ereignis wird abgefeuert, wenn die Zeit, die das aktuelle Time -Attribut angegeben hat, aktualisiert wurde.

Abgesehen davon, dies HTML5 Video Demo -Seite ist eine sehr praktische Referenz für das Spielen mit den verschiedenen Eigenschaften und Ereignissen, die Ihnen zur Verfügung stehen.