在html5视频中添加流字幕

Question

I try add subttitle in video html5 with videosub.js 我尝试使用videosub.js在视频html5中添加字幕

http://www.storiesinflight.com/js_videosub/

It work with file in same folder but not work with url stream ! 它可以使用同一文件夹中的文件，但不能使用url流！

 Subttitle not word with this code <video id="my_video" width="100%" height="100%" autoplay="" > <source src="https://xmovies8.org/get_video?token=Xe-QdFvRw5e-6BEHzLTDguxNlJ5CW-mqdGyvtmNZ4GBGWVuHFrzPSoDtYJcG2z8XeIMOJ3GB7m7mz0m7-kVD6Abo5WJhrTsgUXlS2kQhRs-2-NCc9lzsPT6iNiKElzmAvPs5tlC6CQHrL9GgtTVSZ-46OELzd6rfI5pCbQOoZzEC6DTMSXpToY3MFAOzIsqadILaa3SYAwFSmjzirfTWtRXVcum7dpwbfY-IB6eV7oBzffJKJXUqeNi77NIejTky1IAH1bA3eByjWmE8ob4Odsfz8Otmkp4cAT1K9CVv-XgKVCZkMruxVO5-3ZoGQQ2hS8jDK-cdXCre4Vtux-JC9ymHxHCzue_95gPGdZTvPusUYCFUEngdfQZqssU82vK_8SdjgASmKx1EhUpgOrXMgLHidi1YC0hfZU58MZssFLt8l_pRkQAJU40pBJZYPtY_ii58sA5tDsDTS_inspRH7A" type="video/mp4" /> <track label="English" kind="subtitles" srclang="en" src="http://phim.dinhvanvu.com/wp-content/uploads/2015/07/Demo.srt" default></track> </video>

But it work with 但它与

  <video id="my_video" width="100%" height="100%" autoplay="" > <source src="https://xmovies8.org/get_video?token=Xe-QdFvRw5e-6BEHzLTDguxNlJ5CW-mqdGyvtmNZ4GBGWVuHFrzPSoDtYJcG2z8XeIMOJ3GB7m7mz0m7-kVD6Abo5WJhrTsgUXlS2kQhRs-2-NCc9lzsPT6iNiKElzmAvPs5tlC6CQHrL9GgtTVSZ-46OELzd6rfI5pCbQOoZzEC6DTMSXpToY3MFAOzIsqadILaa3SYAwFSmjzirfTWtRXVcum7dpwbfY-IB6eV7oBzffJKJXUqeNi77NIejTky1IAH1bA3eByjWmE8ob4Odsfz8Otmkp4cAT1K9CVv-XgKVCZkMruxVO5-3ZoGQQ2hS8jDK-cdXCre4Vtux-JC9ymHxHCzue_95gPGdZTvPusUYCFUEngdfQZqssU82vK_8SdjgASmKx1EhUpgOrXMgLHidi1YC0hfZU58MZssFLt8l_pRkQAJU40pBJZYPtY_ii58sA5tDsDTS_inspRH7A" type="video/mp4" /> <track label="English" kind="subtitles" srclang="en" src="sub/je2.srt" default></track> </video>

Answer 1

<video id="my_video" height="100%" width="100%" crossorigin="anonymous"></video>

This is because CORS limitation. 这是因为CORS限制。

Use crossorigin="anonymous" in video tag. 在视频代码中使用crossorigin =“ anonymous” 。

if the above code didn't work, then there is no way to load the subtitle from that server. 如果以上代码不起作用，则无法从该服务器加载字幕。

Hope it will works for you. 希望它对您有用。 :) :)

在html5视频中添加流字幕

问题描述

1 个解决方案

解决方案1
0 2016-08-24 06:41:15

在html5视频中添加流字幕

问题描述

1 个解决方案

解决方案1 0 2016-08-24 06:41:15

解决方案1
0 2016-08-24 06:41:15