Тег track — не работает

Привет. Я как и все разработчики, программирую на локалке и это сыграло со мной злую шутку, которая длилась час =)

Есть такой тег в HTML5 <video> и там есть тег <track>, попытался я подгрузить субтитры для видео. Вроде все делаю правильно, а не работает. Гугл меня не забанил =) Но, он помог не сразу. Вот рабочий код:

<video class="about-product-video" controls loop>
       <source src="video/jane.mp4" tupe="video/mp4">
       <source src="video/jane.ogv" tupe="video/ogv">
       <track kind="subtitles" src="video/jane.en.vtt" srclang="en" label="English">
       <track kind="subtitles" src="video/jane.ua.vtt" srclang="uk" label="Українська">
       <track kind="subtitles" src="video/jane.ru.vtt" srclang="ru" label="Русский" default>
       <object>
              <embed src="video/jane.mp4" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
       </object>  
       Видео не поддерживается, Вы можете его <a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" title="Скачайте видео"></a>скачать</a>    
</video>

На локалке он не запустится из-за CORS.

CORS — это механизм безопасности, который позволяет веб-странице из одного домена обращаться к ресурсу с другим доменом (кросс-доменным запросом). Без таких функций, как CORS, веб-сайты ограничиваются доступом к ресурсам одного и того же происхождения через так называемую политику единого происхождения.

Я догадался перенести код на сервер и вуаля все работает. Надеюсь это ком-то сэкономит час времени =)

Предыдущая
CSS3&HTML5Семантические теги HTML5
Добавить комментарий