htmlでvideoが再生されない

Question

video
source(src="assets/videos/lunevideo01.mp4", type="video/mp4")

htmlのvideoタグでvideoの再生がされません。
パスは合っています。デベロッパーツールでvideoタグの存在は確認できるのですがブラウザ上に何も表示されません。

GET http://localhost:9000/assets/videos/lunevideo01.mp4 404 (Not Found)

とエラーは出ています。
どうやったら動画再生できるのか教えていただきたいです。

Answer 1

GET http://localhost:9000/assets/videos/lunevideo01.mp4 404 (Not Found)

Apatche のようなHTTPサーバー用にスタティックなHTMLを書き、映像ファイルも正しく配備ているならサーバーが 404 エラーを応答することはありません。

ご質問では具体的な環境を示されていませんが、HTMLではないコードが確認できます
（テンプレートエンジンの記法と察します）。

動画再生できるのか

フレームワークをご利用なのであれば、そのフレームワークの仕様に準じた方法で
スタティックファイルを応答するように実装することで解決できるはずです。

Comments

[tiffany_rom_24]

回答者様のおかげでもう少しでできそうなのですが動画が黒いままで何も表示していません。もう少し頑張ってみようと思います。
ありがとうございました。

[tiffany_rom_24]

できました、ありがとうございました

Answer 2

僕はこの本でvideo再生できるようになりました.

参考
[Google API Expertが解説する HTML5逆引きリファレンス | 古籏 一浩 |本 | 通販 | Amazon]
(https://www.amazon.co.jp/Google-API-Expert%E3%81%8C%E8%A7%A3%E8%AA%AC%E3%81%99%E3%82%8B-HTML5%E9%80%86%E5%BC%95%E3%81%8D%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9-%E5%8F%A4%E7%B1%8F/dp/4844330349)
"Google API Expertが解説する HTML5逆引きリファレンス"