(index):27 Uncaught ReferenceError: videojs 未定义

问题描述

我正在尝试创建一个 javascript 视频应用程序，我已将视频 js 添加到我的项目中并开始使用它。现在在我的加载中，我正在尝试以编程方式访问 videojs，但它抛出未捕获的引用错误：未定义视频。我是 javascript 新手。附上我试过的代码

  <head>
  <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />

   <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -- 
  >
 </head>

   <body onLoad='getVersion()'>

 <video
id="my-video"
 class="video-js"
 controls
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup="{}"
 >
<source src="MY_VIDEO.mp4" type="video/mp4" />
<source src="MY_VIDEO.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="https://videojs.com/html5-video-support/" target="_blank"
    >supports HTML5 video</a
  >
</p>

 <script>
  function getVersion(){
   console.log("videojs version : " + videojs.VERSION);
  var player = videojs('video');

  // Play through the playlist automatically.
  player.playlist.autoadvance(0);
 
 }
</script>
</body>

在上面的代码中，当我尝试调用 var player = videojs('video'); 我收到异常

解决方法

根据文档，您需要在文件顶部这两行来导入 videojs。

  <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet"/>
  <script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>

console.log(videojs !== undefined)
console.log({"version": videojs.VERSION})

<head>
  <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
  <script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
</head>

javascript video.js