Question

Je veux que l'utilisateur ait la possibilité de skip la preroll ad Après une heure spécifiée (disons 5 secondes dans l'annonce). Ensuite, la vidéo normale jouerait. Comment puis-je atteindre cet objectif? Actuellement, j'en ai quelque chose en ligne:

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

Ce que j'essaie de faire, c'est:

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

montrer le skip bouton et continuez vers la vidéo normale. Y a-t-il event qui est continuellement licencié au fur et à mesure que la lecture vidéo progresse?

Était-ce utile?

La solution

Faites votre chèque contre le media.currentTime propriété dans un gestionnaire pour le timeupdate un événement. Voir Documentation:

L'événement TimeUpdate est licencié lorsque l'heure indiquée par l'attribut en cours a été mise à jour.

Juste à part, ceci Page de démonstration vidéo HTML5 est une référence vraiment pratique pour jouer avec les différentes propriétés et événements à votre disposition.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top