如果代码是用 PHP 生成的，WEBVTT 字幕不显示

Posted 2023-03-07

【中文标题】如果代码是用 PHP 生成的，WEBVTT 字幕不显示

【英文标题】：WEBVTT subtitles not showing if code produced with PHP

【发布时间】：2015-10-08 18:18:59

【问题描述】：

我想显示带字幕的 html5 视频。 如果我有一个 html 文件（对于 Chrome，带有播放器），例如

...
<video class="playr_video" preload="metadata"   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，但我不认为这会造成伤害，我真的不知道为什么。任何帮助表示赞赏，谢谢。

【参考方案1】：

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