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.css
Playr パケットには、説明が見つからないため使用しない json ファイルがあることに注意してくださいplayr.js
。助けていただければ幸いです。