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