javascript - video.js的问题

问题描述

问 题

再一个页面使用video.js初始化了多个video标签，现在想当某个video标签播放的时候，此时如果有播放的video标签，对其进行暂停，请问如何处理呢？

解决方案

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吧，以后如果有人遇到可以参考。

这篇关于javascript - video.js的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！