我想显示带字幕的 HTML5 视频。如果我有一个 html 文件(对于 Chrome,带有播放器),例如
...
<video class="playr_video" preload="metadata" width="1000" height="700" poster="poster1.jpg" style="border:1px solid gray;padding: 0% 0;" controls>
<source src="trailer.webm" type="video/webm" />
<track src="trailer-en.vtt" label="English subtitles" kind="subtitles" srclang="en">
<track src="trailer-el.vtt" label="Greek subtitles" kind="subtitles" srclang="el">
Your browser does not support the video tag, please update mime type.
</video>
...
有用。
但是我有很多视频要显示,所以我想要一个 PHP 文件作为视频显示页面进行一致的控制。所以在 Joomla 文章中我会这样做(例如,为了说明)
<form action="video.php" method="post" target="_blank">
<input style="display: none;" id="video" name="video" value="trailer.webm" type="text" />
<input style="display: none;" id="poster" name="poster" value="video1poster.jpg" type="text" />
<input style="display: none;" id="subsen" name="subsen" value="video1subsen.jpg" type="text" />
<input style="display: none;" id="subsel" name="subsel" value="video1subsel.jpg" type="text" />
<input src="showvideo.jpg" type="image" />
</form>
一个 php 文件只接收 POST 变量(如 $video、$suben、$subel)并提供与开头编写的代码相同的 html。
因此,在 Chrome 中的页面源代码中,一切都按预期进行,所有代码都是正确的,所有文件都被正确引用。但字幕不显示。
请注意,在播放器数据包中,有一个我不使用的 json 文件,因为我找不到说明,我只使用了这两个文件playr.css
和playr.js
,但我不认为这会造成伤害,我真的不知道为什么。任何帮助表示赞赏,谢谢。