video要素
| HTML |
|---|
 |
video要素（英: video element）とは、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要素でサポートするビデオコーデックについて、主要ブラウザの開発元の間で意見が分かれている。マイクロソフトやアップルはH.264を支持し、TheoraやWebMをサポートしていない。Google・Mozilla Foundation・Opera SoftwareはTheoraやWebMを支持していたが、のちにH.264もサポートするようになった。
この表は、それぞれのウェブブラウザにおいてサポートされているビデオフォーマットを示している。多くのブラウザではソフトウェアコンポーネントを内蔵するのではなくマルチメディアフレームワークを採用しており、ビデオのデコード、表示にはこれを用いている。この場合、どのフォーマットに対応しているかは、ブラウザではなくOSおよびサードパーティのコーデックに依存する[1]。
ビデオフォーマットはMIME typeによって判別可能である。MIME typeは使用するマルチメディアフレームワークの決定にも用いられる[2]。
これらのブラウザのうち、Mozilla FirefoxおよびOperaはOSから独立しており、デコードのためのライブラリを内蔵している。Internet ExplorerおよびSafariは、それぞれのOSが提供するフレームワークを利用する。Konquerorは、Windows上ではInternet Explorerと、OS X上ではSafariと同じフォーマットに対応する。一般的に、ウェブブラウザがサポートするフォーマットはベンダーが提供するライブラリ（Media Foundation、QuickTime、GStreamer、Phononなど）にも左右される。
| ウェブブラウザ | オペレーティングシステム | 最新安定版 | サポートするフォーマット | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Theora | H.264 (MP4) | VP8 (WebM) | VP9 (WebM) | |||||||||||
| Android ブラウザ | Android | 4.4.4 | 2.3以降[3] | 3.0以降[3] | 2.3以降[3] | 非対応 | ||||||||
| Chromium | Unix系、Windows | N/A | r18297以降[4] | 手動インストール[注 1][6] | r47759以降[7] | r172738以降[8] | ||||||||
| Google Chrome |
65.0.3325.181 - 2018年3月20日[9]
65.0.3325.109 - 2018年3月12日[10][11]
65.0.3325.152 - 2018年3月10日[12] |
3.0以降[13][14] | 3.0以降[14][注 2] | 6.0以降[16][17] | 29.0以降[注 3] | |||||||||
| Internet Explorer | Windows | 11.0 | 手動インストール | 9.0以降[20] | 手動インストール | 非対応 | ||||||||
| Windows Phone | 11.0 | 非対応 | 9.0以降[21] | 非対応 | ||||||||||
| Windows RT | 10.0 | 10.0[21] | ||||||||||||
| Konqueror | 16.04.1 - 2016年4月29日 | 4.4以降[注 4] | ||||||||||||
| Mozilla Firefox | Windows 7以降 |
|
3.5以降[25] | 21.0以降[注 5] | 4.0以降[28][29] | 28.0以降[30][31] | ||||||||
| Windows Vista | 22.0以降[32] | |||||||||||||
| Windows XP | 手動インストール[33][注 6] | |||||||||||||
| Linux | 26.0以降（GStreamer利用）[注 7] | |||||||||||||
| Android | 17.0以降[37] | |||||||||||||
| OS X | 34.0以降[38] | |||||||||||||
| Firefox OS | 1.1以降[39] | |||||||||||||
| Opera |
|
非対応 | 11.50以降 | 15.0以降 | 16.0以降 | |||||||||
|
10.50以降[46] | 24.0以降[47] | 10.60以降[48][49] | 非対応 | ||||||||||
| Safari | iOS | 11.1 - 2018年3月29日[50] | 非対応 | 3.1以降[51][52] | 非対応 | 非対応 | ||||||||
| OS X | 手動インストール | 手動インストール[53] | ||||||||||||
| Web | 3.24 - 2017年3月29日[54] | 2.28以降[注 8] | ||||||||||||
注[編集]
- ^ サードパーティーのコーデックパッケージを利用可能[5]
- ^ 2011年1月11日に、H.264のサポート終了が告知されたが[15]、2014年10月現在サポートは終了されていない
- ^ バージョン25.0でサポートされたが、既定では無効化されていた[18][19]
- ^ Qt 4.5上のPhononがサポートするすべてのフォーマットに対応[22]。DirectShow、QuickTime、GStreamer、xineを含むPhononバックエンドを利用可能。MPlayerおよびVLCをバックエンドとする利用は開発中。
- ^ バージョン20でサポートされたが、既定で無効化されていた[26][27]
- ^ DivXのWeb Player version 2.xのみHTML5対応[34]
- ^ バージョン26以前は既定で無効化されていた[35] また、システムのコーデックに依存する[36]
- ^ Webkit/GTK+GStreamerがサポートするすべてのフォーマットに対応[55][56]
参照[編集]
- ^ “Phonon documentation of backends”, Qt, Nokia 2014年10月30日閲覧。
- ^ “Phonon documentation of querying”, Qt, Nokia 2014年10月30日閲覧。
- ^ a b c Kyrnin, Jennifer, Understanding HTML5 Video Formats, About 2014年10月30日閲覧。
- ^ Issue 4363: [HTML5-Video] Enable HTML5 video/audio elements, Google 2014年10月30日閲覧。
- ^ “Get Chromium on Ubuntu To Play MP4, H.264, MP3 & view PDF files natively”, OMG Ubuntu, (2010-11-21) 2014年10月30日閲覧。
- ^ http://earthwithsun.com/questions/655605/how-do-i-add-mp3-mp4-and-h-264-support-to-chromium-on-windows
- ^ “Issue 2093007: Chromium side changes for enabling VP8 and WebM support”, Code review, Google 2014年10月30日閲覧。
- ^ http://src.chromium.org/viewvc/chrome?view=rev&revision=172738
- ^ “Stable Channel Update for Desktop”. Chrome team (2018年3月20日). 2018年3月21日閲覧。
- ^ “Chromeブラウザ-Google”. Google Play. Google (2018年3月12日). 2018年3月21日閲覧。
- ^ “Chrome for Android Update”. Blogger (2018年3月12日). 2018年3月21日閲覧。
- ^ “Google Chrome – The Fast and Secure Web Browser”. iTunes Preview (2018年3月10日). 2018年3月21日閲覧。
- ^ “Google Chrome support Theora and Vorbis”, Code, Google, (2010-05-20) 2014年10月30日閲覧。
- ^ a b Google Chrome 3.0 will support <video> tag, FR: C net
- ^ Mike, Jazayeri (2011年1月11日). “Chromium Blog: HTML Video Code Support in Chrome”. The Chromium Blog. 2014年10月30日閲覧。
- ^ Bankoski, Jim (2010-05-19), “WebM and VP8 land in Chromium” (World Wide Web log), Chromium, Google 2014年10月30日閲覧。
- ^ Kersey, Jason (2010-06-03), “Dev Channel Update”, Chrome Releases, Google 2014年10月30日閲覧。
- ^ Chrome Adds Support for the Next-Generation VP9 Video Codec and Mozilla's Opus Audio 2014年10月30日閲覧。
- ^ Chrome Now Supports Google's Next-Gen VP9 Video Codec by Default 2014年10月30日閲覧。
- ^ McCracken, Harry (2010-03-16), Microsoft Previews the Revamped Internet Explorer 9 Platform, Technologizer 2014年10月30日閲覧。
- ^ a b HTML5 Video Support in IE9 Mobile, Microsoft, (2011-10-13) 2014年3月11日閲覧。
- ^ Vestbø, Tor Arne (2008-05-13), Top Secret, Hush Hush!, Nokia 2014年10月30日閲覧。
- ^ “"Firefox — Notes (59.0.1) — Mozilla” (2018年3月16日). 2018年3月20日閲覧。
- ^ “"Firefox — Notes (52.7.2) — Mozilla” (2018年3月16日). 2018年3月20日閲覧。
- ^ (release notes) Firefox 3.5, Mozilla, (2009-06-30) 2014年10月30日閲覧。
- ^ Bug 799315 – Windows Media Foundation backend for media playback, Mozilla 2014年10月30日閲覧。
- ^ Bug 837859 – Enable WMF backend, Mozilla 2014年10月30日閲覧。
- ^ Bug 566243 – Merge mozilla-webmedia repository to mozilla-central, Mozilla 2014年10月30日閲覧。
- ^ Firefox Nightly Builds, Mozilla 2014年10月30日閲覧。
- ^ [Phoronix Mozilla Firefox Enables VP9 Video Codec By Default], Phoronix 2014年10月30日閲覧。
- ^ http://www.mozilla.org/en-US/firefox/28.0/releasenotes/
- ^ Bug 825153 - Add support for Windows Vista WMF and prepend the system32 directory path to dll names, Mozilla 2014年10月30日閲覧。
- ^ http://blog.divx.com/2010/12/16/hey-microsoft-divx-already-supports-h-264-with-html5-in-firefox/
- ^ https://forums.divx.com/divx/topics/html5_integration_broken
- ^ Bug 886181 - Pref on gstreamer backend, Mozilla 2014年10月30日閲覧。
- ^ Bug 794282 - Enable GStreamer in official builds, Mozilla 2014年10月30日閲覧。
- ^ http://arstechnica.com/information-technology/2012/11/mozilla-ships-firefox-with-h-264-support-on-android/
- ^ Bug 1070703 - Add mp4 support in 10.6 and 10.7 on Aurora, Mozilla 2014年10月30日閲覧。
- ^ https://developer.mozilla.org/en-US/Apps/Build/Audio_and_video_delivery/H.264_support_in_Firefox
- ^ “Opera ブラウザ - ニュースおよび検索” (2018年2月12日). 2018年2月16日閲覧。
- ^ “Opera Mobile Classic” (2014年11月16日). 2015年1月20日閲覧。
- ^ “Opera Mobile 12.0.2 for S60” (2012年6月24日). 2014年2月25日時点のオリジナルよりアーカイブ。2014年10月16日閲覧。
- ^ “No mobile phone left behind: Opera Mini 5 and Opera Mobile 10 introduced in final, consumer-ready versions” (2010年3月16日). 2014年10月16日閲覧。
- ^ Krystian, Kolondra (2018年3月22日). “Opera 52 offers faster ad blocking and cool new animations”. 2018年3月22日閲覧。
- ^ “Opera 12 and Opera Mail security update” (2016年2月16日). 2016年2月17日閲覧。
- ^ Jägenstedt, Philip (2009-12-31), “(re-)Introducing <video>” (official blog), Core developers (Opera) 2014年10月30日閲覧。
- ^ http://blogs.opera.com/desktop/changelog-24/
- ^ Lie, Håkon Wium (2010-05-19), Welcome, WebM <video>!, Opera 2014年10月30日閲覧。
- ^ Mills, Chris (2010-05-19), Opera supports the WebM video format, Opera 2014年10月30日閲覧。
- ^ “Safari 11.1 のセキュリティコンテンツについて”. アップル (企業). 2018年4月6日閲覧。
- ^ “HTML5 video formats”, Web design, About.
- ^ “Media formats supported by the HTML audio and video elements”, Developer, Mozilla.
- ^ “WebM plugin available”, Code, Google 2014年10月30日閲覧。
- ^ Cernius, Aurimas (2017年3月27日). “[ANNOUNCEMENT] Gnote 3.24.0 released” 2017年4月5日閲覧。
- ^ Persch, Christian (April 1, 2008), “The Future of Epiphany” (announcement), epiphany mailing list-list
- ^ “Overview of available plug-ins”, GStreamer 2014年10月30日閲覧。
外部リンク[編集]
|
||||||||||||||||||||||||||||
