如果使用 PHP 生成代码，则 WEBVTT 字幕不显示

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 和 [=14= 这两个文件]，但我不认为这会造成伤害，我真的不知道为什么。感谢任何帮助，谢谢。

Answer 1

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

如果使用 PHP 生成代码，则 WEBVTT 字幕不显示

WEBVTT subtitles not showing if code produced with PHP

html5-video

webvtt