Pregunta

Quiero que el usuario tenga la opción de skip la preroll ad Después de un tiempo específico (digamos 5 segundos en el anuncio). Entonces se reproduciría el video normal. ¿Cómo puedo conseguir esto? Actualmente tengo algo en línea de esto:

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

Lo que estoy tratando de hacer es:

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

mostrar la skip botón y continuar con un video normal. Hay alguna event ¿Eso se dispara continuamente a medida que avanza la reproducción de video?

¿Fue útil?

Solución

Haz tu cheque contra el media.currentTime propiedad en un manejador para el timeupdate evento. Ver documentación:

El evento TimeUpdate se dispara cuando se ha actualizado el tiempo indicado por el atributo de TIME Current.

Solo como un aparte, esto Página de demostración de video HTML5 es una referencia realmente útil para jugar con las diversas propiedades y eventos disponibles para usted.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top