2015-08-25 2 views
1

Невозможно отобразить субтитры в видео, я использовал следующий элемент трека, как показано в коде.Невозможно отобразить субтитры в проигрывателе 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> 
+0

Возможно, проблема CORS. Какие ошибки вы видите в консоли? – misterben

+0

показывает ошибку CORS и не может найти решение для CORS @misterben –

ответ

2

Для решения этой проблемы существует два способа.

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