質問: ### 前提・実現したいこと Webサイトにvideoタグを使用して動画を埋め込み、PC・スマホで再生したいです。 ### 発生している問題・エラーメッセージ ブラウザ上では動画を再生することができたのですが、スマホだと中央にある再生ボタンをタップしても動画が再生されません。 動画の拡張子はmp4で、サイズは166MBです。 ### 該当のソースコード ``` ``` ### 試したこと ・動画のファイルサイズの変更 ・とどちらもスマホで再生できない ・videoタグにsrc属性でマークアップすると、動画をタップしたときに中央の再生ボタンに斜線が出ます。 ・sourceタグにsrc属性でマークアップすると、動画をタップしたときは中央の再生ボタンに何も出ません。 ### 問題の発生した環境 スマホ:iPhone ブラウザ:Safari, Chrome 環境:ローカル、テストサーバー、本サーバー 言語:HTML5 動画:mp4 サイズ:166MB PCではChrome、Firefox、IEで再生できることは確認しました。 iPhoneだとChrome、Safariで再生できません。 原因が分からないので、解決策を教えていただけますでしょうか? お手数をおかけしますが、お力添えをいただければ幸いです。 --- 2017.09.22 解決済 無事スマホでも動画を再生することができました。 アドバイスありがとうございました。
回答: 小さなサンプル動画を作って ``` I'm sorry; your browser doesn't support HTML5 video in WebM with VP8/VP9 or MP4 with H.264. ``` オンラインコンバーターなどでwebmを作って簡単なテストされたらどうでしょうか?