Problem mit video.js – Stapelüberlauf

Question

Eine andere Seite verwendet video.js, um mehrere Video-Tags zu initialisieren. Wenn zu diesem Zeitpunkt ein Video-Tag abgespielt wird, wird es angehalten.

Answer 1

var cur_video;

    var setup = function(videoEl, options) {
        videoEl.bigPlayButton.controlTextEl_.textContent=videoEl.el().getAttribute('duration');
        videoEl.on("play",function(){
            if(cur_video && cur_video != videoEl)cur_video.pause();
            cur_video = videoEl;
        })
        videoEl.on("pause",function(){
            if(cur_video==videoEl)cur_video==null;
        })
    };
    
    videojs.hook('setup', setup);

    var videos = [
        videojs('example_video_1'),
        videojs('example_video_2'),
        videojs('example_video_3')
    ]

奉上一个demo吧，以后如果有人遇到可以参考。

Answer 2

遍历所有video,全部暂停后再把当前的打开