Videojs控件不可点击答案

【问题标题】：Videojs controls are not clickableVideojs控件不可点击
【发布时间】：2014-04-30 12:55:39
【问题描述】：

我对 videojs 很陌生。我正在尝试将类似于文档的 videojs 加载为动态视频标签。

videojs(document.getElementById('myVideo'), { "controls": true, "autoplay": false, "preload": "auto" }, function () {  });

我的视频播放器已加载，但是当我单击播放按钮之类的项目时，它什么也不做，甚至不会引发错误。

这也是我的 VideoTag：

    <video id="myVideo" class="video-js vjs-default-skin" width="640" height="264">
    <source type="video/webm"
            src="http://stream.flowplayer.org/bauhaus/624x260.webm">
    <source type="video/mp4"
            src="http://stream.flowplayer.org/bauhaus/624x260.mp4">
    <source type="video/ogg"
            src="http://stream.flowplayer.org/bauhaus/624x260.ogv">
    <source type="video/flash"
            src="mp4:bauhaus/624x260.mp4">
</video>

有谁知道，为什么我不能点击控制项？它发生在 Chrome、Firefox 和 InternetExplorer 中

【问题讨论】：

标签： javascript jquery html html5-video dynamic-loading

【解决方案1】：

试试看这个演示 http://www.roughdesign.it/sof/videojs-demo/demo.html

我已经使用了您的视频和作品。我不知道如何构建您的页面，所以我无法告诉您问题出在哪里

【讨论】：

我通过 require.js 加载 videojs 并尝试在灯箱插件（灯箱进化）中显示视频。我在灯箱的onOpen事件中调用videojs：like $('.lightbox').lightbox({ 'onOpen': function () { videojs.options.flash.swf = "/js/videojs/video-js.swf"; var vid = videojs(document.getElementById('myVideo'), { "controls": true, "autoplay": false, "preload": "auto" }, function () { this.bigPlayButton.hide(); }); vid.controlBar.show(); } });