HTML5/動画を再生する

HTML5/動画を再生する

バージョンと製造年月日

2010-06-05

対応フォーマット

これが微妙なところで・・・全部のブラウザが共通して再生できるフォーマットがない。 しかし2010のGoogleIOでGoogleが買収したVP8という動画圧縮フォーマットをオープン化することを発表。 そのコンテナの名前はWebMで、たぶんこのフォーマットでブラウザの実装は一本化されていくと思われる。

※IEはvideoタグそのものに未対応。

videoタグ

こうやって使う。

<video src="hoge.mov" loop autoplay />

ページを開くと再生されてループして止まらない、制御パネル無しという迷惑なページの出来上がり

各種制御

動画をループさせる

loop属性をtrue指定で動画がループ

<video src="hoge.mov" loop />

ページを開くとともに自動再生

autoplay属性をtrue指定で動画が勝手に再生

<video src="hoge.mov" autoplay />

再生の制御パネルをつける

controls属性をtrue指定で制御パネルがつく

<video src="hoge.mov" controls />

再生サイズを指定

<video src="hoge.mov" width=100 height=100 />

videoタグが使えないブラウザ向けに表示する要素を書く

そもそもそんなもん対応する必要があんのか?って気もするが・・・こうやる

<video src="hoge.mov" loop autoplay>
さっさと最新のブラウザインストールしろ!ボケ!
</video>
html/html5/movie.txt · 最終更新: 2017-09-26 18:51 by ore