ワードプレスにアップロードした動画が音ズレする時の対処法

Wordpress

先日、ワードプレスのブログに動画をアップロードしたら、音ズレが発生しました

その対処法と原因を紹介します

対処法

動画のフォーマットをmovからmp4に変換する

原因

ワードプレスで動画をアップロードして埋め込もうとすると、HTMLのvideoタグが使用されるんですが、どうもvideoタグがmovフォーマットには対応してない模様

正確にいうと再生はできるし音も出るんですが、音ズレはするしワードプレス管理画面で動画のプレビューもできません

変換方法

最初はプレミアプロでやってたんですが、動画の劣化が激しいし手間なのでオンラインで変換できるサイトを利用しました

mov→mp4の変換

media.ioというサイトを使います

ぱっと見は有料サイトの様に見えますが、実際は無料で使えます

しかも複数の動画をアップロードして、全て同時にダウンロードできたりと妙に使い勝手が良いです

動画サイズの圧縮

本来は上の変換だけで良いんですが、やっぱりブログででっかい動画サイズをアップするとロード時間が長くなるので圧縮した方が良いでしょう

圧縮に利用したのはvideoSmallerというサイトです

このサイトもオンライン上で処理ができるのでソフトのダウンロードが不要です