動画をワードプレスで埋め込もうとすると、うまく再生できなかったり、真っ白で何も表示されないことがあります。10秒程度の動画であれば、gif画像に変換するのが一番手軽なので、その方法を解説します。
mp4動画が何も表示されない
ありがちなトラブルを紹介します。
真っ白のままなにも写らない
mp4を埋め込むと、下のように何も表示されません。
再生もできない
再生ボタンを押しても、シークバーが動いている気配はあるのですが、何も写りません。このままだ
サイズの上限を確認する
メディアライブラリ>新規追加>ファイルをドロップしてアップロード、で確認すると、サイズが5MBとなっているので、これ以上の動画はアップロードに失敗するということになります。これがうまく再生できない原因と思われます。
以下ではGIFに変換して、サイズを軽量化することを哀切していきます。
GIF画像にする
GIF変換するとうまく埋め込むことができます。
GIFに変換
GIF変換は、WEB上で簡単に変換できます。こちらのサイトが作りやすいです。:https://convertio.co/ja/mp4-gif/
これでmp4動画をアップロードし、GIFに変換を選択します。変換作業は数十秒で終わります。このあと、ダウンロードします。
ダウンロードされたファイルを確認すると、サイズがアップロード上限の5MB以下になっていることが確認できます。
動画が埋め込めた!
これを画像を埋め込むのと同じ要領でドラッグ&ドロップをつかって埋め込むと、動画が埋め込めました。
上の動画は20秒ちょっとの映像ですが、きちんと再生できていることがわかります。
注意点
・GIF変換はWEBサービス以外にもできます。このプロセスはやや時間がかかることもあります。
・GIF動画は勝手にループされるのでボタンをおして再生という形にはならないのでご了承ください。
まとめ
GIF変換して動画を埋め込む方法を紹介しました。