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文件夹移动到我的公共脚本文件夹中，然后就可以了。

Answer 2

您必须从@videojs/http-streaming安装或使用。我遇到了同样的问题并已解决。

Answer 3

我只是确保video.js文件是HTML中最后附加的脚本标签。它对我有用。

Answer 4

从'video.js'导入videojs；

ReferenceError：未定义videojs

4 个答案: