Question

我正在使用Video.js播放多个视频。视频通过AJAX动态加载。视频元素将附加到主体。代码如下：

$.ajax({
    url: API11+a+API12+TOKEN,
    type: "GET",  
    dataType: "json",
    success: function(data){    
        append_to_body(data);
        trigger_video_js(data);
    }
});

function append_to_body(data){
    for(var i=0;i<data.length;i++){
        var p_id = data[i]['id'];
        var p_video = data[i]['original_hls'];
        var p_original_image = data[i]['original'];
        var lol = '<video id="vid_'+p_id+'" class="video-js vjs-default-skin" preload="auto" controls data-setup="{}"><source src="'+p_video+'" type="application/x-mpegURL"><source src="'+p_original_image+'" type="video/mp4"></video>'; 
        $("body").append(lol).show('slow');
    }
}

function trigger_video_js(data){
    for(var i=0;i<data.length;i++){
        var vidid = "vid_"+data[i]['id'];   
        videojs(vidid, {}, function(){
            this.player().on('error', function(e) {
                this.hide();
            });  
        });
    }
}

使用此代码，可以一次播放多个视频。我正在尝试实现一种系统，以暂停视频滚动播放并在视口一次仅播放一个视频。

我关注了this link，但是它不起作用。有人可以告诉我我该怎么做吗？

暂停滚动视频-VideoJs

0 个答案: