ReferenceError:未定义videojs

Question

我正在使用video.js(在CDN模式下),一切似乎都运行良好(使用Firefox 26.0).该视频是嵌入式的,工作正常.但是当我想访问video-Object时,我收到了控制台错误: ReferenceError:videojs没有在我想要访问该对象的代码行上定义:

var myPlayer = videojs('example_video_1');

谷歌搜索无法解决我的问题.我看到用户使用的实现:V作为构造函数而不是videojs,但这并没有解决我的问题).

这是我的脚本,我想访问该对象:

<script type="text/javascript">
    $("#button1").on("click", function(){
        console.log( "You clicked a paragraph!" );
        var myPlayer = videojs('example_video_1');
    });
</script>

这是我的标题

<link href="http://vjs.zencdn.net/4.5/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.5/video.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>

这是我的视频宣言

<video id="example_video_1" class="video-js vjs-default-skin" controls
preload="auto" width="1270" height="720" poster="videos/search.png"
data-setup="{}">
    <source src="videos/search.webm" type='video/webm'>
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

我很乐意获得任何支持.

Answer 1

一年半后，这个问题也出现在我身上。我刚刚通过安装它npm install --save video.js并将文件从 dist 文件夹移动到我的公共脚本文件夹中并且它起作用了。