Q&A「nuxt.js」にて<video>タグを使用したい
現在、nuxt.jsを使用してホームページの制作を行っておりますが、<video>タグを使用してホームページに動画を埋め込もうとしていますが、うまく動画の表示ができずに困っています。
現在の状況
動画フォルダーはstaticフォルダーの直下に入れています。（動画名はmv.mp4）
vue
1<video autoplay loop muted playsinline controls> 2 <source src="/mv.mp4"> 3</video>
その他に試したこと
動画フォルダーをassetsフォルダーの直下に入れたパターン（動画名はmv.mp4）
vue
1<video autoplay loop muted playsinline controls> 2 <source src="~/assets/mv.mp4"> 3</video>
上記の二つを試しましたが、動画が流れません。
「nuxt.config.js」をカスタマイズする必要性等があるのか、それとも動画を格納するフォルダーが間違っているのか、分かる方がいたらご教授頂けますと幸いです。
回答1件
0
自己解決
動画ファイルに問題がありました。
同じmp4でもvideoタグでは表示されないものがありました。
mp4には種類（MPEG4、H.264とか）があるので、MPEG4タイプのmp4ファイルはうまく表示されません。
結果的には、MPEG-4タイプのmp4を、H.264／AVC タイプのmp4に変えてあげて解決です。
以下のツールで変換し直すだけで、直ります。
https://convertio.co/ja/download/5c0609dbe4166f64b39a4c34670eee9c7fb47a/
投稿2021/02/19 01:54
総合スコア4
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。