媒体要素

媒体要素 (HTML)

[49] 媒体要素 (media element) は、 video 要素audio 要素です。 どちらも HTMLMediaElement インターフェイス実装しています。

[50] img 要素は、媒体要素ではありません。
[51] source 要素track 要素媒体要素と併用されますが、それ自体は媒体要素ではありません。

仕様書

属性

メンバー

媒体の起源

[60] 媒体要素要素起源は、次の通り定義されます >>59

要素媒体データCORS-cross-originの場合
要素媒体データfetchされた時に作成された新しい不透明起源
要素媒体データCORS-same-originの場合
要素節点文書起源

歴史

Vosaic

[216] HTML要素概説
要素名
video
要素名
audio
日付
説明
頃、 Vosaic は、 audio, video を実装した。 WWW4 で発表された。 >>100 現行仕様とは異なる。
出典
注釈

HTML5

[1] Re: Video : Slow motion, fast forward effects (Ian Hickson <ian@...> 著, 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/15893

[2] Re: Video : Slow motion, fast forward effects (Ian Hickson <ian@...> 著, 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/15935

[3] Firefox 3.1 for developers - MDC ( 版) https://developer.mozilla.org/ja/Firefox_3.1_for_developers#HTML_.e3.81.ae.e5.a4.89.e6.9b.b4.e7.82.b9

video と audio 要素。

[4] Don’t call me DOM » The beauty of HTMLMediaElement ( 版) http://people.w3.org/~dom/archives/2009/02/the-beauty-of-htmlmediaelement/

[5] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=3341&to=3342

[6] IRC logs: freenode / #whatwg / 20090612 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20090612#l-629

[7] HTML5 Revision Tracker ( 版) http://html5.org/tools/web-apps-tracker?from=5069&to=5070

[8] [whatwg] HTML5 video <source> dimensions and bitrate ( 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027933.html

[9] [whatwg] Timestamp from video source in order to sync (e.g. expose OGG timestamp to javascript) ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2010-August/028004.html

[10] Web Applications 1.0 r5310 Define the Media Timeline for <video> -- the timeline along which currentTime, duration, etc, are defined. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=5309&to=5310

[11] [whatwg] A standard for adaptive HTTP streaming for media resources ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2010-August/028023.html

[12] [whatwg] Volume and Mute feedback on <video> ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/028027.html

[13] [whatwg] Fullscreen feedback ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-December/029395.html

[14] IRC logs: freenode / #whatwg / 20110331 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20110331

[15] [whatwg] How to handle multitrack media resources in HTML ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2011-April/031305.html

[16] [whatwg] Video feedback ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-June/031916.html

[17] MPTF/Netflix Content Protection - Web and TV IG ( ( 版)) http://www.w3.org/2011/webtv/wiki/MPTF/Netflix_Content_Protection

[18] Encrypted Media Extensions ( ( 版)) http://dvcs.w3.org/hg/html-media/raw-file/tip/encrypted-media/encrypted-media.html

[19] Web Applications 1.0 r7045 Rename startOffsetTime to startDate and try to clarify its examples. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7044&to=7045

[20] Web Applications 1.0 r7046 Remove media.initialTime since it doesn't have convincing use cases. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7045&to=7046

[21] [webkit-dev] Adding Encrypted Media Extensions ( ( 版)) https://lists.webkit.org/pipermail/webkit-dev/2012-April/020174.html

[22] RE: CfC: Create Media Task Force ( (Paul Cotton 著, 版)) http://lists.w3.org/Archives/Public/public-html/2012Apr/0033.html

[23] Re: Encrypted Media proposal (was RE: ISSUE-179: av_param - Chairs Solicit Alternate Proposals or Counter-Proposals) ( (Ian Hickson 著, 版)) http://lists.w3.org/Archives/Public/public-html/2012Feb/0274.html

[24] [whatwg] Exposing framerate / statistics of <video> playback and related feedback ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2012-April/035598.html

[25] [whatwg] I have feature requests for <video> and <audio> tags. ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-June/036274.html

[26] [whatwg] video element not ready for prime time ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-June/036276.html

[27] [whatwg] <source>s in <video> by quality as well as codec ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-June/036279.html

[28] [whatwg] <video> feedback ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-September/037306.html

[29] [whatwg] HTML5 video seeking ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-November/038077.html

[30] Media Source Extensions ( ( 版)) http://www.w3.org/TR/2013/WD-media-source-20130415/

[31] [whatwg] Proposal: Media element - add attributes for discovery of playback rate support ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-July/040167.html

[32] MPTF - Web and TV IG ( ( 版)) http://www.w3.org/2011/webtv/wiki/MPTF

[33] MPTF Requirements for Adaptive Bit Rate Streaming ( ( 版)) https://dvcs.w3.org/hg/webtv/raw-file/tip/mpreq/adbreq.html

[34] Bug 23493 – <video>: preciseSeek() ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=23493

[35] Bug 8278 – <video>: video.currentTime variant that returns a frame number ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=8278

[36] Bug 22678 – <video>: expose the frame rate and specific frames of the media resource ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=22678

[37] Web Applications 1.0 r8315 Make <video> have an activation behaviour ( ( 版)) http://html5.org/tools/web-apps-tracker?from=8314&to=8315

[38] [whatwg] Should <video controls> generate click events? ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-November/041662.html

[39] Web Applications 1.0 r8716 Define <video>.srcObject ( ( 版)) http://html5.org/r/8716

[40] Web Applications 1.0 r8754 Try to define what happens when you have tracks that don't cover the whole media timeline ( ( 版)) http://html5.org/r/8754

[41] Media formats supported by the HTML audio and video elements - HTML (HyperText Markup Language) | MDN ( 版) https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

[42] media element | media object (Internet Explorer) ( 版) https://msdn.microsoft.com/ja-jp/library/ff975069(v=vs.85).aspx

[43] [whatwg] [media] startOffsetTime, also add startTime? ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-April/035303.html

[44] Change the definition of media elements to an explicit HTMLMediaEleme… · whatwg/html@bcb1ee5 ( 版) https://github.com/whatwg/html/commit/bcb1ee552e2b457f7b96665fa8539e3dbaa58a2a

[45] Do nothing when removing media elements from a document · whatwg/mediasession@ba509e4 ( 版) https://github.com/whatwg/mediasession/commit/ba509e4c450ce86052975671c67f8bc341b1c82c

[46] HTML5 の audio 要素と video 要素でサポートされているメディアフォーマット - HTML | MDN ( 版) https://developer.mozilla.org/ja/docs/Web/HTML/Supported_media_formats

[47] To avoid confusion with the stalled event, use suspend rather than stall · whatwg/html@95bf1ec ( 版) https://github.com/whatwg/html/commit/95bf1ecfd0db57db9d64ad5c57d3a741b2a69246

[48] Integrate Fetch into HTML · whatwg/html@7c5555a ( 版) https://github.com/whatwg/html/commit/7c5555a16f2920c02244c10756bb2f1a11e87a22

[52] Drop exception comment in the defintion of HAVE_METADATA · whatwg/html@4080cef ( 版) https://github.com/whatwg/html/commit/4080cef60e16ea9e4af10d28130b2040ec9fcc30

[53] Fix #316: flip around the mode check in the resource fetch algorithm · whatwg/html@2cdce89 ( 版) https://github.com/whatwg/html/commit/2cdce89525618c4648be412e85e0ed0f8a7226d0

[54] 28125 – Pausing a playing media element requires the final paused position to be known synchronously ( 版) https://www.w3.org/Bugs/Public/show_bug.cgi?id=28125

[55] Mention track selection in sans-controls media element UI · whatwg/html@782f2d7 ( 版) https://github.com/whatwg/html/commit/782f2d72e033bde08c58d67b4dedb661c9f29f24

[56] URLs are parsed and produce records · whatwg/html@30bc255 ( 版) https://github.com/whatwg/html/commit/30bc2557105ad62881ec9670f253febbc9761b44

[57] Integrate with MSE's "Detaching from a media element" · whatwg/html@cf9e802 ( 版) https://github.com/whatwg/html/commit/cf9e80296bb5911c85653e36254a270e0e1701a1

[58] Give more media controls examples · whatwg/html@df16ff3 ( 版) https://github.com/whatwg/html/commit/df16ff393210dde1abf7c22fd7660f0ec70c357e

[61] Remove the origin aliasing concept · whatwg/html@438155d ( 版) https://github.com/whatwg/html/commit/438155d2a2255aa5ea84ae390744d8a8662ebec2

[62] Merge effective script origin into origin · whatwg/html@8a843f2 ( 版) https://github.com/whatwg/html/commit/8a843f2169a6864a3024c4329528dccb2051d275

[63] Remove some requirements on how to implement media element controls · whatwg/html@3d5a566 ( 版) https://github.com/whatwg/html/commit/3d5a56677d6cae41e229ae070dff167573cb084b

[64] Fix races between tasks resolving/rejecting play promises and them be… ( (mounirlamouri著, )) https://github.com/whatwg/html/commit/18be384bc7c9c1a7f3201a73e870682844addf3a

[65] Treat (valid) blob: URLs as local in the resource fetch algorithm ( (@zcorpan著, )) https://github.com/whatwg/html/commit/f8bc379091f3afc71aa4133a05176a69bb01416e

[66] HTMLMediaElement.muted=false may pause the element. ( (avayvod著, )) https://github.com/whatwg/html/commit/72695315c124b0fb42103d5dc484ca7e51dd2d1e

[67] Align Fetch's destination concept with changes in Fetch (sideshowbarker著, ) https://github.com/whatwg/html/commit/5e8f96a85d182d36c177db0d6fdde58b4ded86d4

[68] Fix minor markup error in “notify about playing” (sideshowbarker著, ) https://github.com/whatwg/html/commit/2ba2ccdd9fefa63c06d7de9c2a5a266c61d763ef

[69] Service worker caching, playbackRate and blob URLs for audio and video on Chrome for Android | Web Updates - Google Developers ( ()) https://developers.google.com/web/updates/2016/06/ump?hl=en

[70] Update load algorithm handling of promises. (#1621) (mounirlamouri著, ) https://github.com/whatwg/html/commit/b21903f3db8b4240fcc1a10429bbae09a03d4687

[71] Reject pending play promises when playback ends (fixes #1646). (#1647) (mounirlamouri著, ) https://github.com/whatwg/html/commit/4fdbaa4638abdaadf5342da8c7c911d220084ba1

[72] Handle the timeupdate/pause/ended events in a single task (#1659) (foolip著, ) https://github.com/whatwg/html/commit/8bba13698e31013f37454667430582e7c1400866

[73] Only use nosniff for "script" and "style" (annevk著, ) https://github.com/whatwg/fetch/commit/169de91ca9fa3ab91a860bc492caf5fa94c29592

[74] Split up media into video, audio and track (yoavweiss著, ) https://github.com/whatwg/fetch/commit/ba175cf1100045da83ed0d7768629653aa979c20

[75] HTML5 Video ( ()) https://www.w3.org/2010/05/video/mediaevents.html

[76] 27251 – Correct the “All or Nothing” Approach Currently Implemented For HTMLMediaElement / MSE () https://www.w3.org/Bugs/Public/show_bug.cgi?id=27251

[77] 26462 – <video> Allow VideoTracks and AudioTracks to report the ranges over which they are valid () https://www.w3.org/Bugs/Public/show_bug.cgi?id=26462

[78] 8278 – <video>: video.currentTime variant that returns a frame number () https://www.w3.org/Bugs/Public/show_bug.cgi?id=8278

[79] 7253 – <video>: Provide a way to let the browser know what's coming next, for gapless playback () https://www.w3.org/Bugs/Public/show_bug.cgi?id=7253

[80] 5755 – <video>: Expose media resource metadata (e.g. movie name, release year) () https://www.w3.org/Bugs/Public/show_bug.cgi?id=5755#c10

[81] Point out how media.buffered/played/seekable are broken (annevk著, ) https://github.com/whatwg/html/commit/88f26c3143dd7b85adeaf9cb91b7cee7185d7c12

[82] Fetch removes type in favor of just destination (annevk著, ) https://github.com/whatwg/html/commit/5f59b7a73d450e244a573e5916deb1c2037c1366

[83] HTML5 の audio 要素と video 要素でサポートされているメディアフォーマット - HTML | MDN () https://developer.mozilla.org/ja/docs/Web/HTML/Supported_media_formats

[84] Auto-Play Policy Changes for macOS | WebKit () https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

[85] 1422951 - Add a CSS-parsing WebExtensions API () https://bugzilla.mozilla.org/show_bug.cgi?id=1422951

[86] Audio/Video Updates in Chrome 63/64  |  Web  |  Google Developers () https://developers.google.com/web/updates/2017/12/chrome-63-64-media-updates

[87] Apply the rules for audio playback to media elements (GloverDonovan著, ) https://github.com/whatwg/html/commit/2a305fc19e9dbaec049105f7cefd4f636fed1ff8

[88] Apply the rules for audio playback to media elements by GloverDonovan · Pull Request #3479 · whatwg/html () https://github.com/whatwg/html/pull/3479

[89] The rules for audio playback should apply to audio+video elements, not just audio elements · Issue #860 · whatwg/html () https://github.com/whatwg/html/issues/860

[90] Audio/Video Updates in Chrome 63/64  |  Web  |  Google Developers () https://developers.google.com/web/updates/2017/12/chrome-63-64-media-updates

[91] Only allow blob: URLs that point to Blob objects by annevk · Pull Request #708 · whatwg/fetch () https://github.com/whatwg/fetch/pull/708

[92] Editorial: add crossorigin="" to list of common media attributes (Garee著, ) https://github.com/whatwg/html/commit/edc1e95a444871314554a4b8efd33c2472c20357

[93] Wrong mention of attributes in audio element documentation · Issue #4159 · whatwg/html () https://github.com/whatwg/html/issues/4159

[94] Add audio crossorigin attr to list of common attrs by Garee · Pull Request #4221 · whatwg/html () https://github.com/whatwg/html/pull/4221

[95] Editorial: separate the media play algorithm into internal steps (dtapuska著, ) https://github.com/whatwg/html/commit/cec03b3704ebafb635b6ac6343a4ff29f11a6e97

[96] Separate the media play algorithm into internal steps. by dtapuska · Pull Request #4610 · whatwg/html () https://github.com/whatwg/html/pull/4610

[99] HTML要素概説
注釈
  • 媒体要素 (media element) videoaudioHTML