HTMLに動画を埋め込もうとしています。

質問

HTMLに動画を埋め込もうとしています。
今までならFLVをFLASHにて再生するタグを埋め込んでおしまいだったのですが、ここにきてApple製品がFLASHに対応していないため、どうすればよいか悩んでおります。
現在思いついたのが、

・HTML5で再生できるブラウザはHTML5で、それ以外はFLVで再生するようにJSで制御
・時代を逆行するかもしれませんが全て<embed>にて埋め込んでしまう

現時点でどの方式が手間なく簡単でしょうか。

回答No.1

mtaka2 · ベストアンサー

HTML5のvideoタグは、対応ブラウザはそのタグの中を無視するので、
「videoタグ非対応なブラウザ向けの記述をvideoタグの中に埋め込む」ことができます。
かつて、object タグの中に embeded タグを入れて両対応にするのと同じ方法ですね。

これを利用して、
---ここから---
<video src="○○.mp4"><!--←iPhone向けのHTML5なビデオ再生タグ-->
<object …><!--←その他のブラウザ向けのFLVの再生タグ-->
</video>
---ここまで---
という記述をすることで、HTML5対応/非対応、どちらのブラウザでも再生できるようになります。

http://www.html5.jp/html5doctor/the-video-element.html

ただし、HTML5はブラウザによって再生できる動画形式が異なりますから、
できることなら、各種ムービーファイルを作成し、
video タグは、ムービーファイルを一つだけ指定するのではなく
source タグを使った方がいいかと思います。

http://www.htmq.com/html5/004.shtml

お礼

詳しいご説明ありがとうございます！
HTML５で再生できない場合はやはりFLVがベストなのでしょうか？？
その他の動画形式（avi、mpeg）ですとブラウザによって対応が大変でしょうか。