Domanda

Voglio che l'utente abbia la possibilità di farlo skip il preroll ad Dopo un tempo specificato (diciamo 5 secondi nell'annuncio). Quindi il video normale sarebbe riprodotto. Come posso raggiungere questo obiettivo? Attualmente ho qualcosa in linea di questo:

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

Quello che sto cercando di fare è:

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

mostra il skip pulsante e continua al video normale. C'è qualche event Questo viene continuamente sparato mentre la riproduzione del video avanza?

È stato utile?

Soluzione

Fai il tuo assegno contro il media.currentTime proprietà in un gestore per il timeupdate evento. Vedere documentazione:

L'evento TimeUpdate viene licenziato quando il tempo indicato dall'attributo corrente è stato aggiornato.

Proprio da parte, questo Pagina demo video html5 è un riferimento davvero utile per giocare con le varie proprietà ed eventi disponibili.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top