自作のホームページに背景動画の載せ方

質問

自分で作成しているホームページに背景動画（ページに入ると自動的に動画が流れ、スキップが可能な動画）を載せたいと思っています。載せ方と、そして載せるためには必要なソフトを教えていただけると幸いです。

回答No.1

hok212

こんばんは。

jQueryを使った「vide」は比較的容易に設置できます。

http://vodkabears.github.io/vide/

とりあえず、背景動画は mp4 と webm および ogv 形式を用意しておけば、ほとんどのブラウザで再生可能です。
ただし、単にmp4といっても様々なコンテナフォーマットあります。
深く考えずに mp4 であれば何でも良いと考えると、特定のブラウザで再生できないといったパターンにハマリます。
一般にホームページは不特定多数の方を相手にするので、ページに訪問されるユーザが最も再生できる可能性の高いコンテナフォーマットにするべきです。
つまり、mp4はH.264/AVC形式にするべきです。

質問者様がどの程度の動画（特にエンコード）に関する知識をお持ちなのかわかりませんが、エンコード作業などに携わった経験が少ないのであれば、この機会にエンコードやコンテナフォーマットについて勉強されてはいかがでしょう。

お礼

ありがとうございました。
参考にさせていただきます。
自分自身でもしっかり勉強していきたいと思います。