JavaのWebアプリケーション開発フレームワークによる、Webサイト開発の顛末記です。

EclipseのMavenを使った、Spring-MVC、Thymeleaf、MyBatis 等のプログラミングテクニックを、
備忘録的に記録しています。実際に動くソースコードを多用して説明していますので、
これからEclipseや、Spring-MVCを始めたいと思っている人にとって、少しでも参考になれば幸いです。
■応用の森　HTMLでの動画や音声ファイルフォーマットのサポート状況について
HTML4での動画や音声の再生には、QuickTimeプラグインなどを使って
HTMLに

<embed src="promenade.mov" width="600" height="500"
　　　　　　　pluginspage="http://www.apple.co.jp/quicktime/download/"></embed>

の様なタグを使ってブラウザ上でメディアを再生していました。
この方式は、HTML5でも引き続きサポートされていました。
が、
2015年夏以降あたりから、各種ブラウザはセキュリティ上の関係からか
メディア再生プラグインをサポートしなくなり、各種ブラウザでのメディア再生が
ファイルフォーマット（と、コーデック）ごとに再生出来たり、出来なかったりしつつあります。

HTML5では、<video>/<audio>タグが新しくサポートされているため
動画や音声は、プラグインがなくても、<video>タグを使って再生可能になりましたが、
これも、各種ブラウザでサポートされているファイルフォーマット（とコーデック）の統一性がありません。
（昔の、ブラウザ戦争を思い出します）

各種代表的なブラウザでHTML5(video/audioタグ）とHTML4(embedタグ)による、それぞれの対応状況を実験してみました。
  HTML5 (video/audio Tag) HTML4 (embed Tag)
WEBM MP4 MOV OGV M4V MPEG1 MP3 M4A WAVE WEBM MP4 MOV OGV M4V MPEG1 MP3 M4A WAVE
Edge × ○ ○ × ○ × ○ ○ ○ × × × × × × × × ×
IE(11) × ○ ○ × × × ○ ○ × × ○ ○ × ○ ○ ○ ○ ○
Chrome(50) ○ ○ ○ ○ × × ○ ○ ○ ○ ○ × × × × ○ ○ ○
FireFox(46) ○ ○ ○ ○ × × ○ ○ ○ ○ ○ ○ ○ × × ○ ○ ×
Safari × ○ ○ × × ○ ○ ○ ○ × × × × × × × × ×
Opera(37) ○ ○ ○ ○ ○ × ○ ○ ○ ○ ○ × ○ ○ × ○ ○ ○
参考
Sleipnir(6) ○ ○ ○ ○ × × ○ ○ ○ ○ × × ○ × × × × ○
Lunascape × ○ ○ × × × ○ ○ × × ○ ○ × ○ ○ ○ ○ ○

 

まとめると、HTML4での各種フォーマットメディアのサポート状況はブラウザごとにばらばらで統一性がなく
今後も永続的にサポートされるか保証がないので、HTML4でのメディア再生は統一的には出来そうにないことが見て取れます。
HTML5のvideo/audioタグによる再生状況は、MP4/MP3/M4A は一応ほとんどのブラウザで再生可能です。
惜しむらくは、Operaが MOV 形式をサポートしてくれれば、MOV(Appleの標準的な動画フォーマット)も対象になりますが
Operaのシェア率はあまり高くないようなので、実質的には、MOVも問題ないと考えてもいいかもしれません。
※）2018/Apr某日　久しぶりにOperaで確認してみたところ、いつの間にか MOVがサポートされるようになっていました。


動画のファイルフォーマット／コーデックに関して詳しいサイトを見つけたので、リンクさせていただきます。
動画形式の種類と違い（AVI･MP4･MOV･MPEG･MKV･WMV･FLV･ASF等）
サンプルデータ
MP4
 MP3
HTMLの小技集  HTMLにおけるメディアタイプのサポートについて
HOME