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