문제

사용자가 옵션을 갖기를 원합니다 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