Q&A
track タグに default を付けると良いかも…。
vttファイルの字幕が表示されない
HTMLファイルにvttファイルを埋め込んで字幕の表示をしたいのですが、字幕の表示がされません
該当のソースコード
フォルダ - movie.html - test_MV.mp4 - text_en.vtt
WEBVTT 00:00:16.000 --> 00:00:20.500 hello
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>WebVTT Demo 6</title> <style> .with-caption { width: 500px; border: 3px solid tomato; } .with-caption::cue { font-size: 18px; } .with-caption::cue(b) { font-size: 24px; } </style> </head> <body> <video class="with-caption" autoplay controls muted> <source src="test_MV.mp4" type="video/mp4"> <track label="English" kind="captions" srclang="en" src="text_en.vtt" type="text/vtt"> </video> </body> </html>
問題
動画は表示されますが、字幕が表示されません。
回答1件
0
自己解決
今回はChromeやMicrosoftEdgeでhtmlファイルを開いていましたが、仕様上これらのブラウザではローカルサーバーを立てないと字幕が表示されないということがわかりました。
Internetexplorerでは上のコードで問題なく字幕が表示されました。
投稿2021/07/21 03:19
総合スコア0
あなたの回答
tips
プレビュー
