<video>没有结束活动

Question

如何检测iframe的上下文窗口页面上是否有视频？

window.onload = function () {
    var pages = '@ViewBag.pages';
    var p = JSON.parse(pages.replace(/(&quot\;)/g, "\""));
    var i = 0;
    var mi = p.length - 1;
    var interval;
    console.log("frame is loaded");
    var video = $(document).find("iframe").contents().find("video");
    if (video.length == 1) {
        console.log(0); 
        clearInterval(interval);
        video.on('ended', function () {
            document.getElementById('slider').src = src;
        });
    }
    else {  console.log(5);
         interval = setInterval(function () {
            i++;
            if (i > mi) { i = 0 }
            var src = p[i];
            $.ajax({
                async: false,
                url: src,
                type: 'GET',
                success: function () {
                    document.getElementById('slider').src = src;
                }
            });
        }, 5000);
    }
}

谁能告诉我这是怎么回事，为什么带有视频的页面一次又一次地循环而没有“ onended”事件？

Answer 1

如果您使用的是HTML5。 这是一个示例-

$(document).ready(function(){
    var videos = $(document).find("iframe").contents().find("video");
    $(videos).each(function(){
        $(this).on('ended', function(){
            console.log('Video has ended!');
            // Execute you function to move next slides
        });
    });
});