Question

我想要显示带字幕的HTML5视频。如果我有一个html文件（对于Chrome，与Playr一起使用），例如

...
<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的网页源代码中，一切都按预期进行，所有代码都正确无误，所有文件都已正确引用。但字幕不显示。

请注意，在Playr数据包中，有一个我不使用的json文件，因为我找不到说明，我只使用两个文件playr.css和playr.js，但我不知道我觉得这很疼，我真的不知道为什么。任何帮助表示感谢，谢谢。

Answer 1

解决：所有文件必须位于同一个域中.-

WEBVTT字幕不显示是否使用PHP生成代码

1 个答案: