文章/答案/技术大牛

发布

社区首页 >问答首页 >html5 videojs脚本不能使用模式弹出窗口

问html5 videojs脚本不能使用模式弹出窗口
EN

Stack Overflow用户

提问于 2015-10-14 17:37:35

回答 3查看 2.5K关注 0票数 0

在我的html文件中，我集成了bootstrap模式pop。

这里我列出了10多个使用owl carousel的视频。通过单击每个视频拇指，将播放相应的视频。

这是我的播放器代码：

<div id="mediaspace2968631" class="videoplayer  player vc_col-sm-9 left-video" style="margin-top:0px;">

在每个视频拇指上，单击称为change_video_cat(vvideo,vimg,id,n)的功能

    function change_video_cat(vvideo,vimg,id,n) {
    frmid = 'item_'+id;

    $(".item").removeClass('curactive');
    $("#"+frmid).addClass('curactive');


    myPlayer =   videojs('vid3', {
    'techOrder': ['youtube', 'html5'], "controls": true, "autoplay": false, "preload": "auto","poster": vimg
    }).ready(function() {
        var player = this;
        player.src({ src: vvideo, type: 'video/youtube' });
    });

}

如果我关闭模式弹出窗口，然后再次打开它，此时会出现以下错误

VIDEOJS: WARN: Player "vid3" is already initialised. Options will not be applied.

请帮我解决这个问题。视频播放流畅，owl carousel在第一次模式打开时运行良好。如果我关闭模式弹出窗口，并再次打开它，页面不工作，视频不显示。轮播已损坏。

请帮帮我。

jquery

html

video.js

Stack Overflow用户

发布于 2015-10-15 15:56:59

正如警告所述，当您第二次创建id为vid的播放器时，它已经存在。

如果您第二次重新显示相同的div和播放器，只需将新视频加载到现有播放器中可能会对您起作用。否则，在每个模式中使用唯一的in，或者在使用myPlayer.dispose()关闭模式之前处理播放器。

票数 0

查看全部 3 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33121761

复制

相似问题

问html5 videojs脚本不能使用模式弹出窗口
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html5 videojs脚本不能使用模式弹出窗口EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html5 videojs脚本不能使用模式弹出窗口
EN