Проблемы с использованием плагина videojs-language-switch для video.js - PullRequest
Новая
       3

Проблемы с использованием плагина videojs-language-switch для video.js

0 голосов
/ 22 января 2019

Я пытаюсь использовать плагин для переключения языка видео для 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

1 Ответ

0 голосов
/ 22 января 2019

В CodePen проблема заключается в том, что raw.githubusercontent.com неправильно устанавливает заголовок типа содержимого (намеренно).Вы видите такую ​​ошибку в консоли:

Отказался выполнять скрипт из 'https://raw.githubusercontent.com/adamoliver/VJS-language-switch/master/videojs.language-switch.js', потому что его MIME-тип (' text / plain ') не является исполняемым, а строгий MIME-типпроверка включена.

Попробуйте использовать альтернативный URL, например

...