video.js 使用 videojs-language-switch 插件的问题

Question

我正在尝试使用该插件为 video.js 切换视频语言，可在此处找到：https://www.npmjs.com/package/videojs-language-switch 并在 video.js 网站上找到：

然而，我什至连回购蠕虫中给出的最简单的例子都做不出来，在浏览器中我得到这个错误：

TypeError: videojs.MenuItem is undefined
Error: plugin "languageSwitch" does not exist

这是我的代码：

HTML:
 <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
<source src="https://cdn-film-http.twig-world.com/TWG00604/2012-02-22/h264-800/b5498f3a034547c3b2a1d4e5c825c6f1.mp4" type='video/mp4' name='English'>

<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>

javascript:
  var player = videojs('my-video');

player.languageSwitch({
languages: [
  {
    name: 'English',
    sources: [
      {
        src: 'https://cdn-film-http.twig-world.com/TWG00604/2012-02-22/h264-800/b5498f3a034547c3b2a1d4e5c825c6f1.mp4',
        type: 'video/mp4',
        res: 'Medium'
      },
      {
        src: 'https://cdn-film-http.twig-world.com/TWG00604/2012-02-22/WebM-800/227a2a4cceb23b1605111bc7797b9bd6.webm',
        type: 'video/webm',
        res: 'Medium'
      }
    ]
  },
  {
    name: 'Portuguese',
    sources: [
      {
        src: 'https://cdn-film-http.twig-world.com/BRPTTWG00604/2013-12-19/h264-800/87558365664a78b2abdc2d915024dc9d.mp4',
        type: 'video/mp4',
        res: 'Medium'
      },
      {
        src: 'https://cdn-film-http.twig-world.com/BRPTTWG00604/2013-12-19/WebM-800/79ba5f114f2cb800abe153deb8fee242.webm',
        type: 'video/webm',
        res: 'Medium'
      }
    ]
  }
]
});

我把它放在这里： https://codepen.io/coucous/pen/ZwELEO

使用以下 CDN：

https://vjs.zencdn.net/7.4.1/video-js.css
https://raw.githubusercontent.com/adamoliver/VJS-language-switch/master/videojs.language-switch.css
https://cdnjs.cloudflare.com/ajax/libs/video.js/7.4.2/video.min.js
https://raw.githubusercontent.com/adamoliver/VJS-language-switch/master/videojs.language-switch.js

Answer 1

在 CodePen 上，问题是 raw.githubusercontent.com 没有正确（故意）设置 content-type header。您在控制台中看到这样的错误：

Refused to execute script from 'https://raw.githubusercontent.com/adamoliver/VJS-language-switch/master/videojs.language-switch.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

尝试使用替代方法 URL，例如

video.js 使用 videojs-language-switch 插件的问题

Issues with using the videojs-language-switch plugin for video.js

html

javascript

video

video.js