WordPress・ブログに埋め込んだ動画がスマホだけ再生できないときは

ここまでがんばったのになぜ流れない





埋め込んだ動画がスマホだと再生されない

筆者の環境は、PCはMacでスマホはiPhone12です。埋め込んだ動画が、iPhoneやiPad上だと再生できない例はよくあるようです。筆者もうまくいかなくてかなりイラチしました。

playsinlineが書かれているか

<video autoplay loop muted src=" 動画のファイル名 ">

上記のようなvideoタグ部分を確認します。コードに詳しくない方でも、動画を載せたページをコードエディターで確認していけば、気合いで見つけられるはずです。

<video autoplay loop muted src=" 動画のファイル名 " playsinline>

これで大方改善します。しかし、筆者はこれでも直りませんでした。当サイトのトップページはヘッダーに思いっきり動画を使用していますが、問題なく再生できていましたので、埋め込もうとしている動画の問題を疑いました。

一旦「写真」へぶち込む

埋め込みたかった動画を、Macならデフォで入っている「写真」に入れた後、アップロードし直したら再生できるようになりました。手順は下記の通りです。

  • 編集済みの載せたい動画を書き出した後、一旦「写真」に取り込む
  • 再び「写真」から取り出し、形式を「mp4」などに変換する
  • 通常通りアップロードする

アップロードした動画は全く同じものでしたが、「写真」を経由しただけで急に再生できるようになりました。基本的にはコードの不足やミスが原因ですが、調べ尽くし、かつ打つ手なしのMacユーザーの方は一度試してみてください。


この記事は動作の改善及び問題の解決を
保証するものではありません。また、
HTMLコードなどを操作する際には必ず
バックアップを取った上で行ってください。

  • URLをコピーしました!

東京で暮らす会社員です。
都市や交通について気ままに発信しています。
それなりにリアルかと思います。

目次