HTML:AVI動画の埋め込み、最新ブラウザ→旧IEまで対応させた記述法を教えてください

Question

AVI形式の動画を埋め込まないといけなくなりました。
有名ブラウザの最新版（Internet Explorer, Microsoft Edge,Firefox,GoogleChrome,Opera,Safari）から旧ブラウザ（IE7等）で再生させたいです。
再生/停止ボタン付きの書き方でどのようにすればいいですか？

動画は複数です。
adobe flash player等使用することを前提でも構いません。

Answer 1

Google ChromeでAVI形式の動画を再生させるのは、現状でほぼ不可能です。

<video>要素で読み込める形式（MDN）にもAVIは挙がっておらず、またFlashでも直接は再生できません。そして、Chromeは従来型のNPAPIプラグインへの対応を打ち切っているので、プラグインによる対応も見込めません。

原理的には、動的にAVIを解釈してデコードすることもできなくはないかもしれませんが、処理性能・コード量の面でほぼ現実的な選択肢ではありません。

素直に、事前に別形式へ動画を変換しておくことをおすすめします。

Comments

[makoto-n]

わかりました。
ちなみにどの形式に変換するのがよいと思いますか？

[maisumakun]

H.264を使えば、FlashでのサポートとIE9以降を含む（Firefoxでは微妙な部分もあるけど）主要ブラウザで対応しているので、大半の環境で見られると思います。

[makoto-n]

H.264に変換して<video>要素でおおえば良いですか？
タグが重複しても再生できるようにしたいです。
html5は[if lt IE 9]に/html5.jsを読み込ませる予定です。