ReferenceError: videojs 未定义答案

【问题标题】：ReferenceError: videojs is not definedReferenceError: videojs 未定义
【发布时间】：2014-05-19 11:28:43
【问题描述】：

我正在使用 video.js（在 CDN 模式下），一切似乎都运行良好（使用 Firefox 26.0）。视频是嵌入的并且工作正常。但是当我想访问视频对象时，我得到了控制台错误： ReferenceError: videojs is not defined 在我要访问对象的代码行上：

var myPlayer = videojs('example_video_1');

谷歌搜索 arround 无法解决我的问题。我看到用户使用的实现： 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>

我很乐意得到任何形式的支持。

【问题讨论】：

我看不出这不起作用的任何具体原因。如果您打开 javascript 控制台，您会看到任何错误吗？或者在某个地方有这样的活生生的例子吗？
video.js 播放器是否加载在默认的 html5 播放器之上？尝试在 jsfiddle 或 jsbin 中发布您的代码。

标签： video.js

【解决方案1】：

一年半后，我也遇到了这个问题。我刚刚通过npm install --save video.js 安装了它，并将文件从 dist 文件夹移动到我的公共脚本文件夹中，它就可以工作了。

【讨论】：

我正在远程加载 videoJS，但它不工作。我看到页面上加载了 js，但没有创建 viedojs 对象。使用 webpack，我确定这是问题

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

从“video.js”导入videojs；

【讨论】：