Невозможно показать субтитры в плеере Videojs

Question

Невозможно показать субтитры в плеере Videojs

Невозможно показать субтитры в видео, я использовал следующий элемент дорожки, как показано в коде.

<!doctype html>
<head>
<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.12/video.js">
</script>
<style type="text/css">
 .vjs-default-skin { color: #fdfdfd; }
 .vjs-default-skin .vjs-play-progress,
 .vjs-default-skin .vjs-volume-level { background-color: #1880b8 }
 .vjs-default-skin .vjs-control-bar { font-size: 100% }
</style>
</head>
<body>
<video id="MY_VIDEO_1" class="video-js vjs-default-skin vjs-big-play-    centered" controls
 preload="auto" width="640" height="264" data-setup='{"controls": true,    "autoplay": false, "preload": "auto" }'>
<source src="Game.of.Thrones.S05E10.HDTV.x264-KILLERS.mp4" type='video/mp4'>
<track label="English subtitles" kind="subtitles" srclang="en"         src="http://mcpocketeditionforapt.altervista.org/sub.vtt"></track>

</video>
</body>
</html>

1

html5 subtitle

Источник

user1127264 25 авг '15 в 09:20

1 ответ

Другие вопросы по тегам html5 subtitle

user740233 28 авг '15 в 11:27 2015-08-28 11:27 · Answer 1 · 2015-08-28 11:27

Есть два способа решить эту проблему.

Сконфигурируйте сервер, на котором размещены подписи, для отправки заголовков CORS (задокументировано на http://enable-cors.org/ и по различным вопросам о SO) и добавьте crossdomain приписать video элемент (<video crossdomain id="MY_VIDEO_1" …).
Разместите заголовки в том же домене, что и ваша страница, поэтому заголовки CORS не нужны.