Video要素

video要素（ビデオようそ、）とは、HTML5以降のHTMLの一部で、動画のためのHTML要素。

 例 
この例は、HTML で書かれたウェブページの中に WebM 動画を埋め込む例。
<video src="movie.webm" poster="movie.jpg" controls>
	ここは video 要素をサポートしないウェブブラウザのためのフォールバックコンテンツ
</video>

 複数ソース 
<video poster="movie.jpg" controls>
	<source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"' />
	<source src="movie.ogv" type='video/ogg; codecs="theora, vorbis"' />
	<source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"' />
	<p>ここはフォールバックコンテンツ</p>
</video>

 ビデオコーデック 

HTMLのvideo要素でサポートするビデオコーデックについて、主要ブラウザの開発元の間で意見が分かれている。マイクロソフトやAppleはH.264を支持し、TheoraやWebMをサポートしていない。Google・Mozilla Foundation・Opera SoftwareはTheoraやWebMを支持していたが、のちにH.264もサポートするようになった。

この表は、それぞれのウェブブラウザにおいてサポートされているビデオフォーマットを示している。多くのブラウザではソフトウェアコンポーネントを内蔵するのではなくマルチメディアフレームワークを採用しており、ビデオのデコード、表示にはこれを用いている。この場合、どのフォーマットに対応しているかは、ブラウザではなくOSおよびサードパーティのコーデックに依存する。

ビデオフォーマットはMIME typeによって判別可能である。MIME typeは使用するマルチメディアフレームワークの決定にも用いられる。

これらのブラウザのうち、Mozilla FirefoxおよびOperaはOSから独立しており、デコードのためのライブラリを内蔵している。Internet ExplorerおよびSafariは、それぞれのOSが提供するフレームワークを利用する。Konquerorは、Windows上ではInternet Explorerと、OS X上ではSafariと同じフォーマットに対応する。一般的に、ウェブブラウザがサポートするフォーマットはベンダーが提供するライブラリ（Media Foundation、QuickTime、GStreamer、Phononなど）にも左右される。

 ウェブブラウザ オペレーティングシステム 最新安定版 サポートするフォーマット Theora H.264 (MP4) HEVC (MP4) VP8 (WebM) VP9 (WebM) AV1 (WebM) Android ブラウザ Android 4.4.4       Chromium Unix系、Windows   http://earthwithsun.com/questions/655605/how-do-i-add-mp3-mp4-and-h-264-support-to-chromium-on-windows。   http://src.chromium.org/viewvc/chrome?view=rev&revision=172738  Google Chrome        Internet Explorer Windows 11.0  rowspan="3"  rowspan="3" rowspan="3"  Windows Phone 11.0rowspan="2"  rowspan="2"  Windows RT 10.0  Microsoft Edge Windows 10  rowspan="2"   rowspan="2"  rowspan="2"  rowspan="2"   Windows 10 Mobile   Konqueror   colspan="6"  Mozilla Firefox Windows 7以降  rowspan="7"   rowspan="7"  rowspan="7"  rowspan="7" http://www.mozilla.org/en-US/firefox/28.0/releasenotes/ rowspan="7"  Windows Vista  Windows XP http://blog.divx.com/2010/12/16/hey-microsoft-divx-already-supports-h-264-with-html5-in-firefox/ Linux  Android http://arstechnica.com/information-technology/2012/11/mozilla-ships-firefox-with-h-264-support-on-android/ OS X  Firefox OS https://developer.mozilla.org/en-US/Apps/Build/Audio_and_video_delivery/H.264_support_in_FirefoxOpera    rowspan="2"       http://blogs.opera.com/desktop/changelog-24/    Safari iOS   rowspan="2" .. rowspan="2"   rowspan="2"   OS X    Web Unix系  colspan="6" 

 注 

 参照 

 外部リンク 
 4.7.6 The video element - HTML5 - W3C

Category:HTML5
Category:HTML