<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[171130] trunk/Websites/webkit.org</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/171130">171130</a></dd>
<dt>Author</dt> <dd>achristensen@apple.com</dd>
<dt>Date</dt> <dd>2014-07-15 18:40:54 -0700 (Tue, 15 Jul 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>Make css jit benchmark work on IE11.
https://bugs.webkit.org/show_bug.cgi?id=134956
Reviewed by Benjamin Poulain.
* blog-files/css-jit-introduction/html5-single-page-microbenchmark.html:
Remove an iframe which caused IE11 to try to open content as a URL.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkWebsiteswebkitorgChangeLog">trunk/Websites/webkit.org/ChangeLog</a></li>
<li><a href="#trunkWebsiteswebkitorgblogfilescssjitintroductionhtml5singlepagemicrobenchmarkhtml">trunk/Websites/webkit.org/blog-files/css-jit-introduction/html5-single-page-microbenchmark.html</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkWebsiteswebkitorgChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Websites/webkit.org/ChangeLog (171129 => 171130)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Websites/webkit.org/ChangeLog        2014-07-16 01:29:18 UTC (rev 171129)
+++ trunk/Websites/webkit.org/ChangeLog        2014-07-16 01:40:54 UTC (rev 171130)
</span><span class="lines">@@ -1,3 +1,13 @@
</span><ins>+2014-07-15 Alex Christensen <achristensen@webkit.org>
+
+ Make css jit benchmark work on IE11.
+ https://bugs.webkit.org/show_bug.cgi?id=134956
+
+ Reviewed by Benjamin Poulain.
+
+ * blog-files/css-jit-introduction/html5-single-page-microbenchmark.html:
+ Remove an iframe which caused IE11 to try to open content as a URL.
+
</ins><span class="cx"> 2014-07-08 Bem Jones-Bey <bjonesbe@adobe.com>
</span><span class="cx">
</span><span class="cx"> Update policy for Inactive Committer and Reviewer status
</span></span></pre></div>
<a id="trunkWebsiteswebkitorgblogfilescssjitintroductionhtml5singlepagemicrobenchmarkhtml"></a>
<div class="modfile"><h4>Modified: trunk/Websites/webkit.org/blog-files/css-jit-introduction/html5-single-page-microbenchmark.html (171129 => 171130)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Websites/webkit.org/blog-files/css-jit-introduction/html5-single-page-microbenchmark.html        2014-07-16 01:29:18 UTC (rev 171129)
+++ trunk/Websites/webkit.org/blog-files/css-jit-introduction/html5-single-page-microbenchmark.html        2014-07-16 01:40:54 UTC (rev 171130)
</span><span class="lines">@@ -241,7 +241,7 @@
</span><span class="cx"> cue" href="#text-track-cue"></a></h6><p></p><p><a href="#text-track"></a><a href="#text-track-cue"></a><a href="#text-track-cue"></a><a href="#text-track-cue"></a></p><dl><dt><a href="#text-track-cue-identifier"></a></dt><dd><p></p></dd><dt><a href="#text-track-cue-pause-on-exit-flag"></a></dt><dd><p></p></dd></dl><p><a data-anolis-xref="media-resource-specific text track" href="#media-resource-specific-text-track"></a><a data-anolis-xref="text track kind" href="#text-track-kind"></a><code data-anolis-xref="dom-TextTrack-kind-metadata"><a href="#dom-texttrack-kind-metadata"></a></code><a data-anolis-xref="text track cue" href="#text-track-cue"></a><code><a href="#datacue"></a></code><code><a href="#texttrackcue"></a></code><a href="#media-resource-specific-text-track"></a><a href="#webvtt"></a><code></code></p></div><h6 id="text-track-api"><span class="secno"></span></h6><pre class="idl"><dfn id="texttracklist"></dfn><a href="#eventtarget"></a><a data-anolis-xref="dom-TextTrackList-length" href="#dom-texttracklist-length"></a><a href="#texttrack"></a><a href="#texttrack"></a><a data-anolis-xref="dom-TextTrackList-getTrackById" href="#dom-texttracklist-gettrackbyid"></a><a href="#eventhandler"></a><a data-anolis-xref="handler-TextTrackList-onchange" href="#handler-texttracklist-onchange"></a><a href="#eventhandler"></a><a data-anolis-xref="handler-TextTrackList-onaddtrack" href="#handler-texttracklist-onaddtrack"></a><a href="#eventhandler"></a><a data-anolis-xref="handler-TextTrackList-onremovetrack" href="#handler-texttracklist-onremovetrack"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-media-textTracks"><a href="#dom-media-texttracks"></a></code><code data-anolis-xref=""></code></dt><dd><p><a data-anolis-xref="text track" href="#text-track"></a><a href="#media-element"></a><code><a href="#the-track-element"></a></code><a data-anolis-xref="text track" href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-media-textTracks"><a href="#dom-media-texttracks"></a></code><var data-anolis-xref=""></var><code data-anolis-xref=""></code></dt><dd><p><code><a href="#texttrack"></a></code><var data-anolis-xref=""></var><a href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a></p></dd><dt><var data-anolis-xref=""></var><var data-anolis-xref=""></var><code data-anolis-xref="dom-media-textTracks"><a href="#dom-media-texttracks"></a></code><code data-anolis-xref="dom-TextTrackList-getTrackById"><a href="#dom-texttracklist-gettrackbyid"></a></code><var data-anolis-xref=""></var></dt><dd><p><code><a href="#texttrack"></a></code></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-track-track"><a href="#dom-track-track"></a></code></dt><dd><p><code><a href="#texttrack"></a></code><code><a href="#the-track-element"></a></code><a href="#text-track"></a></p></dd></dl><div class="impl"><p><code><a href="#texttracklist"></a></code><a data-anolis-xref="text
</span><span class="cx"> track" href="#text-track"></a></p><p><dfn data-anolis-xref="dom-media-textTracks" id="dom-media-texttracks"><code></code></dfn><a data-anolis-xref="media element" href="#media-element"></a><code><a href="#texttracklist"></a></code><code><a href="#texttrack"></a></code><a data-anolis-xref="text track" href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a><a href="#list-of-text-tracks"></a><a href="#refsWEBIDL"></a></p><p><dfn data-anolis-xref="dom-TextTrackList-length" id="dom-texttracklist-length"><code></code></dfn><code><a href="#texttracklist"></a></code><a data-anolis-xref="text track" href="#text-track"></a><code><a href="#texttracklist"></a></code></p><p><a href="#supported-property-indices"></a><code><a href="#texttracklist"></a></code><a data-anolis-xref="text track" href="#text-track"></a><code><a href="#texttracklist"></a></code><a data-anolis-xref="text track" href="#text-track"></a><a href="#supported-property-indices"></a></p><p><a href="#determine-the-value-of-an-indexed-property"></a><code><a href="#texttracklist"></a></code><var data-anolis-xref=""></var><var data-anolis-xref=""></var><a href="#text-track"></a><code><a href="#texttracklist"></a></code></p><p><dfn data-anolis-xref="dom-TextTrackList-getTrackById" id="dom-texttracklist-gettrackbyid"><code><var data-anolis-xref=""></var></code></dfn><code><a href="#texttrack"></a></code><code><a href="#texttracklist"></a></code><code data-anolis-xref="dom-TextTrack-id"><a href="#dom-texttrack-id"></a></code><var data-anolis-xref=""></var></p></div><hr><pre class="idl"><dfn id="texttrackmode"></dfn><a data-anolis-xref="dom-TextTrack-disabled" href="#dom-texttrack-disabled"></a><a data-anolis-xref="dom-TextTrack-hidden" href="#dom-texttrack-hidden"></a><a data-anolis-xref="dom-TextTrack-showing" href="#dom-texttrack-showing"></a><dfn id="texttrackkind"></dfn><a data-anolis-xref="dom-TextTrack-kind-subtitles" href="#dom-texttrack-kind-subtitles"></a><a data-anolis-xref="dom-TextTrack-kind-captions" href="#dom-texttrack-kind-captions"></a><a data-anolis-xref="dom-TextTrack-kind-descriptions" href="#dom-texttrack-kind-descriptions"></a><a data-anolis-xref="dom-TextTrack-kind-chapters" href="#dom-texttrack-kind-chapters"></a><a data-anolis-xref="dom-TextTrack-kind-metadata" href="#dom-texttrack-kind-metadata"></a><dfn id="texttrack"></dfn><a href="#eventtarget"></a><a href="#texttrackkind"></a><a data-anolis-xref="dom-TextTrack-kind" href="#dom-texttrack-kind"></a><a data-anolis-xref="dom-TextTrack-label" href="#dom-texttrack-label"></a><a data-anolis-xref="dom-TextTrack-language" href="#dom-texttrack-language"></a><a data-anolis-xref="dom-TextTrack-id" href="#dom-texttrack-id"></a><a data-anolis-xref="dom-TextTrack-inBandMetadataTrackDispatchType" href="#dom-texttrack-inbandmetadatatrackdispatchtype"></a><a href="#texttrackmode"></a><a data-anolis-xref="dom-TextTrack-mode" href="#dom-texttrack-mode"></a><a href="#texttrackcuelist"></a><a data-anolis-xref="dom-TextTrack-cues" href="#dom-texttrack-cues"></a><a href="#texttrackcuelist"></a><a data-anolis-xref="dom-TextTrack-activeCues" href="#dom-texttrack-activecues"></a><a data-anolis-xref="dom-TextTrack-addCue" href="#dom-texttrack-addcue"></a><a href="#texttrackcue"></a><a data-anolis-xref="dom-TextTrack-removeCue" href="#dom-texttrack-removecue"></a><a href="#texttrackcue"></a><a href="#eventhandler"></a><a data-anolis-xref="handler-TextTrack-oncuechange" href="#handler-texttrack-oncuechange"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><var data-anolis-xref=""></var><code data-anolis-xref="dom-media-addTextTrack"><a href="#dom-media-addtexttrack"></a></code><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></dt><dd><p><code><a href="#texttrack"></a></code><a href="#media-element"></a><a href="#list-of-text-tracks"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-kind"><a href="#dom-texttrack-kind"></a></code></dt><dd><p><a href="#text-track-kind"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-label"><a href="#dom-texttrack-label"></a></code></dt><dd><p><a href="#text-track-label"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-language"><a href="#dom-texttrack-language"></a></code></dt><dd><p><a href="#text-track-language"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-id"><a href="#dom-texttrack-id"></a></code></dt><dd><p></p><p><cite></cite><code data-anolis-xref="dom-TextTrackList-getTrackById"><a href="#dom-texttracklist-gettrackbyid"></a></code><a href="#refsMEDIAFRAG"></a></p><p><code><a href="#texttrack"></a></code><code><a href="#the-track-element"></a></code><code><a href="#the-track-element"></a></code></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-inBandMetadataTrackDispatchType"><a href="#dom-texttrack-inbandmetadatatrackdispatchtype"></a></code></dt><dd><p><a href="#text-track-in-band-metadata-track-dispatch-type"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-mode"><a href="#dom-texttrack-mode"></a></code><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-mode"></a></p><dl><dt><code data-anolis-xref="dom-TextTrack-disabled"><a href="#dom-texttrack-disabled"></a></code></dt><dd><p><a href="#text-track-disabled"></a></p></dd><dt><code data-anolis-xref="dom-TextTrack-hidden"><a href="#dom-texttrack-hidden"></a></code></dt><dd><p><a href="#text-track-hidden"></a></p></dd><dt><code data-anolis-xref="dom-TextTrack-showing"><a href="#dom-texttrack-showing"></a></code></dt><dd><p><a href="#text-track-showing"></a></p></dd></dl><p></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-cues"><a href="#dom-texttrack-cues"></a></code></dt><dd><p><a href="#text-track-list-of-cues"></a><code><a href="#texttrackcuelist"></a></code></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-activeCues"><a href="#dom-texttrack-activecues"></a></code></dt><dd><p><a data-anolis-xref="text track cue" href="#text-track-cue"></a><a href="#text-track-list-of-cues"></a><a href="#current-playback-position"></a><code><a href="#texttrackcuelist"></a></code></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-addCue"><a href="#dom-texttrack-addcue"></a></code><var data-anolis-xref=""></var></dt><dd><p><var data-anolis-xref=""></var><a href="#text-track-list-of-cues"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrack-removeCue"><a href="#dom-texttrack-removecue"></a></code><var data-anolis-xref=""></var></dt><dd><p><var data-anolis-xref=""></var><a href="#text-track-list-of-cues"></a></p></dd></dl><div class="impl"><p><dfn data-anolis-xref="dom-media-addTextTrack" id="dom-media-addtexttrack"><code><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></code></dfn><a data-anolis-xref="media
</span><span class="cx"> element" href="#media-element"></a></p><ol><li><p><code><a href="#texttrack"></a></code></p></li><li><p><a href="#text-track"></a><a href="#text-track-kind"></a><var data-anolis-xref=""></var><a href="#text-track-label"></a><var data-anolis-xref=""></var><a href="#text-track-language"></a><var data-anolis-xref=""></var><a href="#text-track-readiness-state"></a><a href="#text-track-loaded"></a><a href="#text-track-mode"></a><a href="#text-track-hidden"></a><a href="#text-track-list-of-cues"></a></p><p><a href="#text-track-list-of-cues"></a><a href="#rules-for-updating-the-text-track-rendering"></a><a href="#text-track-cue"></a><a href="#text-track-list-of-cues"></a></p></li><li><p><a href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a></p></li><li><p><a href="#queue-a-task"></a><a data-anolis-xref="concept-event-fire" href="#concept-event-fire"></a><a data-anolis-xref="concept-events-trusted" href="#concept-events-trusted"></a><code data-anolis-xref="event-media-addtrack"><a href="#event-media-addtrack"></a></code><code><a href="#trackevent"></a></code><code data-anolis-xref="dom-TrackEvent-track"><a href="#dom-trackevent-track"></a></code><a href="#text-track"></a><code><a href="#texttrack"></a></code><a href="#media-element"></a><code data-anolis-xref="dom-media-textTracks"><a href="#dom-media-texttracks"></a></code><code><a href="#texttracklist"></a></code></p></li><li><p><code><a href="#texttrack"></a></code></p></li></ol><hr><p><dfn data-anolis-xref="dom-TextTrack-kind" id="dom-texttrack-kind"><code></code></dfn><a href="#text-track-kind"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code></p><p><dfn data-anolis-xref="dom-TextTrack-label" id="dom-texttrack-label"><code></code></dfn><a href="#text-track-label"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code></p><p><dfn data-anolis-xref="dom-TextTrack-language" id="dom-texttrack-language"><code></code></dfn><a href="#text-track-language"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code></p><p><dfn data-anolis-xref="dom-TextTrack-id" id="dom-texttrack-id"><code></code></dfn><code><a href="#the-track-element"></a></code><code data-anolis-xref="attr-id"><a href="#the-id-attribute"></a></code><a href="#media-resource"></a><a href="#media-resource"></a><cite></cite><a href="#refsMEDIAFRAG"></a></p><p><dfn data-anolis-xref="dom-TextTrack-inBandMetadataTrackDispatchType" id="dom-texttrack-inbandmetadatatrackdispatchtype"><code></code></dfn><a href="#text-track-in-band-metadata-track-dispatch-type"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code></p><p><dfn data-anolis-xref="dom-TextTrack-mode" id="dom-texttrack-mode"><code></code></dfn><a href="#text-track-mode"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code></p><dl><dt><dfn data-anolis-xref="dom-TextTrack-disabled" id="dom-texttrack-disabled"><code></code></dfn></dt><dd><a href="#text-track-disabled"></a></dd><dt><dfn data-anolis-xref="dom-TextTrack-hidden" id="dom-texttrack-hidden"><code></code></dfn></dt><dd><a href="#text-track-hidden"></a></dd><dt><dfn data-anolis-xref="dom-TextTrack-showing" id="dom-texttrack-showing"><code></code></dfn></dt><dd><a href="#text-track-showing"></a></dd></dl><p></p><dl class="switch"><dt><code data-anolis-xref="dom-TextTrack-disabled"><a href="#dom-texttrack-disabled"></a></code></dt><dd><p><a href="#text-track-mode"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code><a href="#text-track-disabled"></a></p></dd><dt><code data-anolis-xref="dom-TextTrack-hidden"><a href="#dom-texttrack-hidden"></a></code></dt><dd><p><a href="#text-track-mode"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code><a href="#text-track-hidden"></a></p></dd><dt><code data-anolis-xref="dom-TextTrack-showing"><a href="#dom-texttrack-showing"></a></code></dt><dd><p><a href="#text-track-mode"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code><a href="#text-track-showing"></a></p></dd></dl><p><a href="#text-track-mode"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code><a href="#text-track-disabled"></a><dfn data-anolis-xref="dom-TextTrack-cues" id="dom-texttrack-cues"><code></code></dfn><a href="#live"></a><code><a href="#texttrackcuelist"></a></code><a href="#text-track-list-of-cues"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code><a data-anolis-xref="text track cue end time" href="#text-track-cue-end-time"></a><a href="#earliest-possible-position-when-the-script-started"></a><a href="#text-track-cue-order"></a></p><p><dfn id="earliest-possible-position-when-the-script-started"></dfn><a href="#earliest-possible-position"></a><a href="#event-loop"></a></p><p><a href="#text-track-mode"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code><a href="#text-track-disabled"></a><dfn data-anolis-xref="dom-TextTrack-activeCues" id="dom-texttrack-activecues"><code></code></dfn><a href="#live"></a><code><a href="#texttrackcuelist"></a></code><a href="#text-track-list-of-cues"></a><a href="#text-track"></a><code><a href="#texttrack"></a></code><a href="#active-flag-was-set-when-the-script-started"></a><a href="#text-track-cue-order"></a></p><p><a href="#text-track-cue"></a><dfn id="active-flag-was-set-when-the-script-started"></dfn><a href="#text-track-cue-active-flag"></a><a href="#event-loop"></a></p><hr><p><dfn data-anolis-xref="dom-TextTrack-addCue" id="dom-texttrack-addcue"><code><var data-anolis-xref=""></var></code></dfn><code><a href="#texttrack"></a></code></p><ol><li><p><a href="#text-track-list-of-cues"></a><a href="#rules-for-updating-the-text-track-rendering"></a><a href="#text-track-list-of-cues"></a><a href="#rules-for-updating-the-text-track-rendering"></a><var data-anolis-xref=""></var></p></li><li><p><a href="#text-track-list-of-cues"></a><a href="#rules-for-updating-the-text-track-rendering"></a><a href="#rules-for-updating-the-text-track-rendering"></a><var data-anolis-xref=""></var><code><a href="#invalidstateerror"></a></code></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-list-of-cues"></a><var data-anolis-xref=""></var><a href="#text-track-list-of-cues"></a></p></li><li><p><var data-anolis-xref=""></var><code><a href="#texttrack"></a></code><a href="#text-track"></a><a href="#text-track-list-of-cues"></a></p></li></ol><p><dfn data-anolis-xref="dom-TextTrack-removeCue" id="dom-texttrack-removecue"><code><var data-anolis-xref=""></var></code></dfn><code><a href="#texttrack"></a></code></p><ol><li><p><var data-anolis-xref=""></var><code><a href="#texttrack"></a></code><a href="#text-track"></a><a href="#text-track-list-of-cues"></a><code><a href="#notfounderror"></a></code></p></li><li><p><var data-anolis-xref=""></var><code><a href="#texttrack"></a></code><a href="#text-track"></a><a href="#text-track-list-of-cues"></a></p></li></ol></div><div class="example"><p><code><a href="#the-audio-element"></a></code></p><pre></pre></div><hr><pre class="idl"><dfn id="texttrackcuelist"></dfn><a data-anolis-xref="dom-TextTrackCueList-length" href="#dom-texttrackcuelist-length"></a><a href="#texttrackcue"></a><a href="#texttrackcue"></a><a data-anolis-xref="dom-TextTrackCueList-getCueById" href="#dom-texttrackcuelist-getcuebyid"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrackCueList-length"><a href="#dom-texttrackcuelist-length"></a></code></dt><dd><p><a data-anolis-xref="text track cue" href="#text-track-cue"></a></p></dd><dt><var data-anolis-xref=""></var><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue"></a><var data-anolis-xref=""></var><a href="#text-track-cue-order"></a></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TextTrackCueList-getCueById"><a href="#dom-texttrackcuelist-getcuebyid"></a></code><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue"></a><a href="#text-track-cue-order"></a><a href="#text-track-cue-identifier"></a><var data-anolis-xref=""></var></p><p></p></dd></dl><div class="impl"><p><code><a href="#texttrackcuelist"></a></code><a data-anolis-xref="text track cue" href="#text-track-cue"></a></p><p><dfn data-anolis-xref="dom-TextTrackCueList-length" id="dom-texttrackcuelist-length"><code></code></dfn><a data-anolis-xref="text track cue" href="#text-track-cue"></a><code><a href="#texttrackcuelist"></a></code></p><p><a href="#supported-property-indices"></a><code><a href="#texttrackcuelist"></a></code><a data-anolis-xref="text track cue" href="#text-track-cue"></a><code><a href="#texttrackcuelist"></a></code><a data-anolis-xref="text track cue" href="#text-track-cue"></a><a href="#supported-property-indices"></a></p><p><a href="#determine-the-value-of-an-indexed-property"></a><var data-anolis-xref=""></var><var data-anolis-xref=""></var><a href="#text-track-cue"></a><code><a href="#texttrackcuelist"></a></code></p><p><dfn data-anolis-xref="dom-TextTrackCueList-getCueById" id="dom-texttrackcuelist-getcuebyid"><code><var data-anolis-xref=""></var></code></dfn><a href="#text-track-cue"></a><code><a href="#texttrackcuelist"></a></code><a href="#text-track-cue-identifier"></a><var data-anolis-xref=""></var></p></div><hr><pre class="idl"><dfn id="texttrackcue"></dfn><a href="#eventtarget"></a><a href="#texttrack"></a><a data-anolis-xref="dom-TextTrackCue-track" href="#dom-texttrackcue-track"></a><a data-anolis-xref="dom-TextTrackCue-id" href="#dom-texttrackcue-id"></a><a data-anolis-xref="dom-TextTrackCue-startTime" href="#dom-texttrackcue-starttime"></a><a data-anolis-xref="dom-TextTrackCue-endTime" href="#dom-texttrackcue-endtime"></a><a data-anolis-xref="dom-TextTrackCue-pauseOnExit" href="#dom-texttrackcue-pauseonexit"></a><a href="#eventhandler"></a><a data-anolis-xref="handler-TextTrackCue-onenter" href="#handler-texttrackcue-onenter"></a><a href="#eventhandler"></a><a data-anolis-xref="handler-TextTrackCue-onexit" href="#handler-texttrackcue-onexit"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-TextTrackCue-track" href="#dom-texttrackcue-track"></a></dt><dd><p><code><a href="#texttrack"></a></code><a href="#text-track-cue"></a></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-TextTrackCue-id" href="#dom-texttrackcue-id"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-identifier"></a></p><p></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-TextTrackCue-startTime" href="#dom-texttrackcue-starttime"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-start-time"></a></p><p></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-TextTrackCue-endTime" href="#dom-texttrackcue-endtime"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-end-time"></a></p><p></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-TextTrackCue-pauseOnExit" href="#dom-texttrackcue-pauseonexit"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-pause-on-exit-flag"></a></p><p></p></dd></dl><div class="impl"><p><dfn data-anolis-xref="dom-TextTrackCue-track" id="dom-texttrackcue-track"><code></code></dfn><code><a href="#texttrack"></a></code><a href="#text-track"></a><a data-anolis-xref="text
</span><del>- track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code></p><p><dfn data-anolis-xref="dom-TextTrackCue-id" id="dom-texttrackcue-id"><code></code></dfn><a href="#text-track-cue-identifier"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-identifier"></a></p><p><dfn data-anolis-xref="dom-TextTrackCue-startTime" id="dom-texttrackcue-starttime"><code></code></dfn><a href="#text-track-cue-start-time"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-start-time"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue"></a><a href="#text-track"></a><a data-anolis-xref="text track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a><a href="#media-element"></a><a href="#show-poster-flag"></a><i><a href="#time-marches-on"></a></i><a href="#media-element"></a></p><p><dfn data-anolis-xref="dom-TextTrackCue-endTime" id="dom-texttrackcue-endtime"><code></code></dfn><a href="#text-track-cue-end-time"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-end-time"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue"></a><a href="#text-track"></a><a data-anolis-xref="text track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a><a href="#media-element"></a><a href="#show-poster-flag"></a><i><a href="#time-marches-on"></a></i><a href="#media-element"></a></p><p><dfn data-anolis-xref="dom-TextTrackCue-pauseOnExit" id="dom-texttrackcue-pauseonexit"><code></code></dfn><a href="#text-track-cue-pause-on-exit-flag"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-pause-on-exit-flag"></a></p></div><h6 id="text-tracks-exposing-in-band-metadata"><span class="secno"></span></h6><p><a data-anolis-xref="media resource" href="#media-resource"></a><a data-anolis-xref="media-resource-specific text track" href="#media-resource-specific-text-track"></a></p><p><code><a href="#texttrackcue"></a></code><a href="#media-resource-specific-text-track"></a><a href="#datacue"></a></p><pre class="idl"><span data-anolis-xref="dom-DataCue"></span><dfn id="datacue"></dfn><a href="#texttrackcue"></a><a data-anolis-xref="dom-DataCue-data" href="#dom-datacue-data"></a><a data-anolis-xref="dom-DataCue-text" href="#dom-datacue-text"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-DomCue"></code><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></dt><dd><p><code><a href="#datacue"></a></code><code data-anolis-xref="dom-TextTrack-addCue"><a href="#dom-texttrack-addcue"></a></code></p><p><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a></p><p><var data-anolis-xref=""></var><a href="#text-track-cue-end-time"></a></p><p><var data-anolis-xref=""></var></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-DataCue-data" href="#dom-datacue-data"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-data"></a></p><p></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-DataCue-text" href="#dom-datacue-text"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-data"></a><a data-anolis-xref="dom-DataCue-data" href="#dom-datacue-data"></a></p></dd></dl><div class="impl"><p><dfn data-anolis-xref="dom-DataCue-data" id="dom-datacue-data"><code></code></dfn><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code></p><p><dfn data-anolis-xref="dom-DataCue-text" id="dom-datacue-text"><code></code></dfn><code><a href="#the-data-element"></a></code><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><code><a href="#the-data-element"></a></code></p></div><p><a href="#datacue"></a><a href="#text-track-cue"></a><a href="#text-track"></a><a href="#text-track-kind"></a><a data-anolis-xref="dom-TextTrack-kind-metadata" href="#dom-texttrack-kind-metadata"></a></p><p><a href="#datacue"></a><a href="#texttrack"></a><code data-anolis-xref="dom-TextTrack-addCue"><a href="#dom-texttrack-addcue"></a></code><a href="#text-track"></a><a href="#text-track-kind"></a><a data-anolis-xref="dom-TextTrack-kind-metadata" href="#dom-texttrack-kind-metadata"></a><code><a href="#invalidnodetypeerror"></a></code><a href="#texttracklist"></a><a href="#texttrack"></a></p><p class="note"><a href="#datacue"></a><a href="#datacue"></a><a href="#text-track"></a></p><h6 id="text-tracks-describing-chapters"><span class="secno"></span></h6><p><a href="#media-resource"></a></p><p><a href="#text-track-cue"></a><a href="#text-track"></a><a href="#text-track-cue-start-time"></a><a href="#text-track-cue-end-time"></a><a href="#text-track-cue-data"></a></p><div class="impl"><p><dfn id="rules-for-constructing-the-chapter-tree-from-a-text-track"></dfn></p><ol><li><p><var data-anolis-xref=""></var><a data-anolis-xref="text track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track"></a></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue"></a><a href="#text-track-cue-end-time"></a><a href="#text-track-cue-start-time"></a></p></li><li><p><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><i></i><var data-anolis-xref=""></var><i></i></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a><var data-anolis-xref=""></var><i></i></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue-end-time"></a><var data-anolis-xref=""></var><i></i></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a><var data-anolis-xref=""></var><a href="#text-track-cue-end-time"></a><var data-anolis-xref=""></var><a href="#text-track-cue-data"></a><a href="#rules-for-rendering-the-cue-in-isolation"></a></p><p class="note"><a href="#rules-for-rendering-the-cue-in-isolation"></a><a href="#rules-for-interpreting-webvtt-cue-text"></a><a href="#refsWEBVTT"></a></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><i></i></p></li><li><p><i></i><var data-anolis-xref=""></var></p></li></ol></div><div class="example"><p><a href="#webvtt-file"></a><a href="#refsWEBVTT"></a></p><pre></pre></div><div class="impl"><h6 id="cue-events"><span class="secno"></span></h6><p><a href="#event-handlers"></a><a data-anolis-xref="event handler event type" href="#event-handler-event-type"></a><a href="#event-handler-idl-attributes"></a><code><a href="#texttracklist"></a></code></p><table><thead><tr><th><a data-anolis-xref="event handlers" href="#event-handlers"></a></th><th><a href="#event-handler-event-type"></a></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="handler-TextTrackList-onchange" id="handler-texttracklist-onchange"><code></code></dfn></td><td><code data-anolis-xref="event-media-change"><a href="#event-media-change"></a></code></td></tr><tr><td><dfn data-anolis-xref="handler-TextTrackList-onaddtrack" id="handler-texttracklist-onaddtrack"><code></code></dfn></td><td><code data-anolis-xref="event-media-addtrack"><a href="#event-media-addtrack"></a></code></td></tr><tr><td><dfn data-anolis-xref="handler-TextTrackList-onremovetrack" id="handler-texttracklist-onremovetrack"><code></code></dfn></td><td><code data-anolis-xref="event-media-removetrack"><a href="#event-media-removetrack"></a></code></td></tr></tbody></table><p><a href="#event-handlers"></a><a data-anolis-xref="event handler event type" href="#event-handler-event-type"></a><a href="#event-handler-idl-attributes"></a><code><a href="#texttrack"></a></code></p><table><thead><tr><th><a data-anolis-xref="event handlers" href="#event-handlers"></a></th><th><a href="#event-handler-event-type"></a></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="handler-TextTrack-oncuechange" id="handler-texttrack-oncuechange"><code></code></dfn></td><td><code data-anolis-xref="event-media-cuechange"><a href="#event-media-cuechange"></a></code></td></tr></tbody></table><p><a href="#event-handlers"></a><a data-anolis-xref="event handler event type" href="#event-handler-event-type"></a><a href="#event-handler-idl-attributes"></a><code><a href="#texttrackcue"></a></code></p><table><thead><tr><th><a data-anolis-xref="event handlers" href="#event-handlers"></a></th><th><a href="#event-handler-event-type"></a></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="handler-TextTrackCue-onenter" id="handler-texttrackcue-onenter"><code></code></dfn></td><td><code data-anolis-xref="event-media-enter"><a href="#event-media-enter"></a></code></td></tr><tr><td><dfn data-anolis-xref="handler-TextTrackCue-onexit" id="handler-texttrackcue-onexit"><code></code></dfn></td><td><code data-anolis-xref="event-media-exit"><a href="#event-media-exit"></a></code></td></tr></tbody></table></div><h6 id="best-practices-for-metadata-text-tracks"><span class="secno"></span></h6><p><i></i></p><p></p><p></p><p><iframe height="400" src="data:text/html;charset=utf-8,&lt;!DOCTYPE%20html&gt;%0A&lt;style&gt;%0A%20body%2C%20html%20%7B%20margin%3A%200%3B%20padding%3A%200%3B%20overflow%3A%20hidden%3B%20%7D%0A%20div%20%7B%20width%3A%20600px%3B%20height%3A%20400px%3B%20position%3A%20relative%3B%20%7D%0A%20p%20%7B%20position%3A%20absolute%3B%20top%3A%200%3B%20margin%3A%200.25em%3B%20font%3A%20small-caps%20900%202em%20sans-serif%3B%20text-shadow%3A%20white%200%200%204px%3B%20%7D%0A%20span%20%7B%20display%3A%20block%3B%20%7D%0A%20.left%20%7B%20color%3A%20red%3B%20left%3A%200%3B%20text-align%3A%20left%3B%20%7D%0A%20.right%20%7B%20color%3A%20blue%3B%20right%3A%200%3B%20text-align%3A%20right%3B%20%7D%0A%20.middle%20%7B%20color%3A%20white%3B%20top%3A%20auto%3B%20bottom%3A%200%3B%20left%3A%200%3B%20right%3A%200%3B%20text-align%3A%20center%3B%20text-shadow%3A%20black%200%200%204px%3B%20%7D%0A%20.middle%20span%20%7B%20display%3A%20inline-block%3B%20margin%3A%200%201em%3B%20font-size%3A%200.75em%3B%20text-transform%3A%20uppercase%3B%20%7D%0A&lt;%2Fstyle&gt;%0A&lt;div&gt;%0A%20&lt;img%20src%3D&quot;http%3A%2F%2Fwww.whatwg.org%2Fspecs%2Fweb-apps%2Fcurrent-work%2Fimages%2Frobots.jpeg&quot;&gt;%0A%20&lt;p%20class%3D&quot;score%20left&quot;&gt;&lt;span&gt;Red%20Alliance&lt;%2Fspan&gt;%20&lt;span&gt;78&lt;%2Fspan&gt;&lt;%2Fp&gt;%0A%20&lt;p%20class%3D&quot;score%20right&quot;&gt;&lt;span&gt;Blue%20Alliance&lt;%2Fspan&gt;%20&lt;span&gt;66&lt;%2Fspan&gt;&lt;%2Fp&gt;%0A%20&lt;p%20class%3D&quot;score%20middle&quot;&gt;&lt;span&gt;Qual%20Match%2037&lt;%2Fspan&gt;%20&lt;span&gt;Friday%2014%3A21&lt;%2Fspan&gt;%0A&lt;%2Fdiv&gt;" width="600"></iframe></p><p></p><p></p><pre></pre><p></p><p><code data-anolis-xref="event-media-cuechange"><a href="#event-media-cuechange"></a></code><code data-anolis-xref="event-media-timeupdate"><a href="#event-media-timeupdate"></a></code><code data-anolis-xref="event-media-timeupdate"><a href="#event-media-timeupdate"></a></code></p><h5 id="user-interface"><span class="secno"></span></h5><p><dfn data-anolis-xref="attr-media-controls" id="attr-media-controls"><code></code></dfn><a href="#boolean-attribute"></a></p><div class="impl"><p><a data-anolis-xref="concept-n-noscript" href="#concept-n-noscript"></a><a href="#media-element"></a><dfn id="expose-a-user-interface-to-the-user"></dfn></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#slaved-media-elements"></a><a href="#media-resource"></a><a href="#media-resource"></a><a href="#media-element"></a><code data-anolis-xref="attr-title"><a href="#attr-title"></a></code></p><p><a href="#media-element"></a><a data-anolis-xref="expose a user interface to the user" href="#expose-a-user-interface-to-the-user"></a><code data-anolis-xref="attr-media-controls"><a href="#attr-media-controls"></a></code></p><p><a data-anolis-xref="expose a user interface to the user" href="#expose-a-user-interface-to-the-user"></a><a href="#media-element"></a><code data-anolis-xref="event-mousedown"><a href="#event-mousedown"></a></code></p><p></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><code><a href="#mediacontroller"></a></code><a href="#current-media-controller"></a><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#slaved-media-elements"></a><code><a href="#mediacontroller"></a></code><a href="#slaved-media-elements"></a></p><p><code data-anolis-xref=""></code><code data-anolis-xref=""></code><code data-anolis-xref=""></code><a href="#media-element"></a><a href="#current-media-controller"></a><code><a href="#mediacontroller"></a></code><a href="#media-element"></a></p><p><code data-anolis-xref=""></code><code data-anolis-xref=""></code><a href="#media-element"></a><a href="#current-media-controller"></a><code><a href="#mediacontroller"></a></code><a href="#media-element"></a></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><code data-anolis-xref="dom-MediaController-currentTime"><a href="#dom-mediacontroller-currenttime"></a></code><code><a href="#mediacontroller"></a></code><a data-anolis-xref="dom-media-seek" href="#dom-media-seek"></a><a href="#media-element"></a><a href="#media-timeline"></a><i></i></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#media-element"></a><code><a href="#mediacontroller"></a></code></p><p><a href="#activation-behavior"></a><a href="#media-element"></a><a data-anolis-xref="expose a user interface to the user" href="#expose-a-user-interface-to-the-user"></a></p><ol><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#current-media-controller"></a><a href="#restrained-media-controller"></a><code data-anolis-xref="dom-MediaController-play"><a href="#dom-mediacontroller-play"></a></code><code><a href="#mediacontroller"></a></code></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#current-media-controller"></a><a href="#paused-media-controller"></a><code data-anolis-xref="dom-MediaController-unpause"><a href="#dom-mediacontroller-unpause"></a></code><code><a href="#mediacontroller"></a></code></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#current-media-controller"></a><a href="#playing-media-controller"></a><code data-anolis-xref="dom-MediaController-pause"><a href="#dom-mediacontroller-pause"></a></code><code><a href="#mediacontroller"></a></code></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#media-element"></a><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="dom-media-play"><a href="#dom-media-play"></a></code><a href="#media-element"></a></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#media-element"></a><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="dom-media-pause"><a href="#dom-media-pause"></a></code><a href="#media-element"></a></p></li></ol><p><a href="#media-resource"></a><a data-anolis-xref="text
</del><ins>+ track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code></p><p><dfn data-anolis-xref="dom-TextTrackCue-id" id="dom-texttrackcue-id"><code></code></dfn><a href="#text-track-cue-identifier"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-identifier"></a></p><p><dfn data-anolis-xref="dom-TextTrackCue-startTime" id="dom-texttrackcue-starttime"><code></code></dfn><a href="#text-track-cue-start-time"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-start-time"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue"></a><a href="#text-track"></a><a data-anolis-xref="text track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a><a href="#media-element"></a><a href="#show-poster-flag"></a><i><a href="#time-marches-on"></a></i><a href="#media-element"></a></p><p><dfn data-anolis-xref="dom-TextTrackCue-endTime" id="dom-texttrackcue-endtime"><code></code></dfn><a href="#text-track-cue-end-time"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-end-time"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue"></a><a href="#text-track"></a><a data-anolis-xref="text track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a><a href="#media-element"></a><a href="#show-poster-flag"></a><i><a href="#time-marches-on"></a></i><a href="#media-element"></a></p><p><dfn data-anolis-xref="dom-TextTrackCue-pauseOnExit" id="dom-texttrackcue-pauseonexit"><code></code></dfn><a href="#text-track-cue-pause-on-exit-flag"></a><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><a href="#text-track-cue-pause-on-exit-flag"></a></p></div><h6 id="text-tracks-exposing-in-band-metadata"><span class="secno"></span></h6><p><a data-anolis-xref="media resource" href="#media-resource"></a><a data-anolis-xref="media-resource-specific text track" href="#media-resource-specific-text-track"></a></p><p><code><a href="#texttrackcue"></a></code><a href="#media-resource-specific-text-track"></a><a href="#datacue"></a></p><pre class="idl"><span data-anolis-xref="dom-DataCue"></span><dfn id="datacue"></dfn><a href="#texttrackcue"></a><a data-anolis-xref="dom-DataCue-data" href="#dom-datacue-data"></a><a data-anolis-xref="dom-DataCue-text" href="#dom-datacue-text"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-DomCue"></code><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></dt><dd><p><code><a href="#datacue"></a></code><code data-anolis-xref="dom-TextTrack-addCue"><a href="#dom-texttrack-addcue"></a></code></p><p><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a></p><p><var data-anolis-xref=""></var><a href="#text-track-cue-end-time"></a></p><p><var data-anolis-xref=""></var></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-DataCue-data" href="#dom-datacue-data"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-data"></a></p><p></p></dd><dt><var data-anolis-xref=""></var><a data-anolis-xref="dom-DataCue-text" href="#dom-datacue-text"></a><var data-anolis-xref=""></var></dt><dd><p><a href="#text-track-cue-data"></a><a data-anolis-xref="dom-DataCue-data" href="#dom-datacue-data"></a></p></dd></dl><div class="impl"><p><dfn data-anolis-xref="dom-DataCue-data" id="dom-datacue-data"><code></code></dfn><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code></p><p><dfn data-anolis-xref="dom-DataCue-text" id="dom-datacue-text"><code></code></dfn><code><a href="#the-data-element"></a></code><a href="#text-track-cue"></a><code><a href="#texttrackcue"></a></code><code><a href="#the-data-element"></a></code></p></div><p><a href="#datacue"></a><a href="#text-track-cue"></a><a href="#text-track"></a><a href="#text-track-kind"></a><a data-anolis-xref="dom-TextTrack-kind-metadata" href="#dom-texttrack-kind-metadata"></a></p><p><a href="#datacue"></a><a href="#texttrack"></a><code data-anolis-xref="dom-TextTrack-addCue"><a href="#dom-texttrack-addcue"></a></code><a href="#text-track"></a><a href="#text-track-kind"></a><a data-anolis-xref="dom-TextTrack-kind-metadata" href="#dom-texttrack-kind-metadata"></a><code><a href="#invalidnodetypeerror"></a></code><a href="#texttracklist"></a><a href="#texttrack"></a></p><p class="note"><a href="#datacue"></a><a href="#datacue"></a><a href="#text-track"></a></p><h6 id="text-tracks-describing-chapters"><span class="secno"></span></h6><p><a href="#media-resource"></a></p><p><a href="#text-track-cue"></a><a href="#text-track"></a><a href="#text-track-cue-start-time"></a><a href="#text-track-cue-end-time"></a><a href="#text-track-cue-data"></a></p><div class="impl"><p><dfn id="rules-for-constructing-the-chapter-tree-from-a-text-track"></dfn></p><ol><li><p><var data-anolis-xref=""></var><a data-anolis-xref="text track list of cues" href="#text-track-list-of-cues"></a><a href="#text-track"></a></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue"></a><a href="#text-track-cue-end-time"></a><a href="#text-track-cue-start-time"></a></p></li><li><p><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><i></i><var data-anolis-xref=""></var><i></i></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a><var data-anolis-xref=""></var><i></i></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><a href="#text-track-cue-end-time"></a><var data-anolis-xref=""></var><i></i></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var><a href="#text-track-cue-start-time"></a><var data-anolis-xref=""></var><a href="#text-track-cue-end-time"></a><var data-anolis-xref=""></var><a href="#text-track-cue-data"></a><a href="#rules-for-rendering-the-cue-in-isolation"></a></p><p class="note"><a href="#rules-for-rendering-the-cue-in-isolation"></a><a href="#rules-for-interpreting-webvtt-cue-text"></a><a href="#refsWEBVTT"></a></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><var data-anolis-xref=""></var><var data-anolis-xref=""></var></p></li><li><p><i></i></p></li><li><p><i></i><var data-anolis-xref=""></var></p></li></ol></div><div class="example"><p><a href="#webvtt-file"></a><a href="#refsWEBVTT"></a></p><pre></pre></div><div class="impl"><h6 id="cue-events"><span class="secno"></span></h6><p><a href="#event-handlers"></a><a data-anolis-xref="event handler event type" href="#event-handler-event-type"></a><a href="#event-handler-idl-attributes"></a><code><a href="#texttracklist"></a></code></p><table><thead><tr><th><a data-anolis-xref="event handlers" href="#event-handlers"></a></th><th><a href="#event-handler-event-type"></a></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="handler-TextTrackList-onchange" id="handler-texttracklist-onchange"><code></code></dfn></td><td><code data-anolis-xref="event-media-change"><a href="#event-media-change"></a></code></td></tr><tr><td><dfn data-anolis-xref="handler-TextTrackList-onaddtrack" id="handler-texttracklist-onaddtrack"><code></code></dfn></td><td><code data-anolis-xref="event-media-addtrack"><a href="#event-media-addtrack"></a></code></td></tr><tr><td><dfn data-anolis-xref="handler-TextTrackList-onremovetrack" id="handler-texttracklist-onremovetrack"><code></code></dfn></td><td><code data-anolis-xref="event-media-removetrack"><a href="#event-media-removetrack"></a></code></td></tr></tbody></table><p><a href="#event-handlers"></a><a data-anolis-xref="event handler event type" href="#event-handler-event-type"></a><a href="#event-handler-idl-attributes"></a><code><a href="#texttrack"></a></code></p><table><thead><tr><th><a data-anolis-xref="event handlers" href="#event-handlers"></a></th><th><a href="#event-handler-event-type"></a></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="handler-TextTrack-oncuechange" id="handler-texttrack-oncuechange"><code></code></dfn></td><td><code data-anolis-xref="event-media-cuechange"><a href="#event-media-cuechange"></a></code></td></tr></tbody></table><p><a href="#event-handlers"></a><a data-anolis-xref="event handler event type" href="#event-handler-event-type"></a><a href="#event-handler-idl-attributes"></a><code><a href="#texttrackcue"></a></code></p><table><thead><tr><th><a data-anolis-xref="event handlers" href="#event-handlers"></a></th><th><a href="#event-handler-event-type"></a></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="handler-TextTrackCue-onenter" id="handler-texttrackcue-onenter"><code></code></dfn></td><td><code data-anolis-xref="event-media-enter"><a href="#event-media-enter"></a></code></td></tr><tr><td><dfn data-anolis-xref="handler-TextTrackCue-onexit" id="handler-texttrackcue-onexit"><code></code></dfn></td><td><code data-anolis-xref="event-media-exit"><a href="#event-media-exit"></a></code></td></tr></tbody></table></div><h6 id="best-practices-for-metadata-text-tracks"><span class="secno"></span></h6><p><i></i></p><p></p><p></p><p></p><p></p><p></p><pre></pre><p></p><p><code data-anolis-xref="event-media-cuechange"><a href="#event-media-cuechange"></a></code><code data-anolis-xref="event-media-timeupdate"><a href="#event-media-timeupdate"></a></code><code data-anolis-xref="event-media-timeupdate"><a href="#event-media-timeupdate"></a></code></p><h5 id="user-interface"><span class="secno"></span></h5><p><dfn data-anolis-xref="attr-media-controls" id="attr-media-controls"><code></code></dfn><a href="#boolean-attribute"></a></p><div class="impl"><p><a data-anolis-xref="concept-n-noscript" href="#concept-n-noscript"></a><a href="#media-element"></a><dfn id="expose-a-user-interface-to-the-user"></dfn></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#slaved-media-elements"></a><a href="#media-resource"></a><a href="#media-resource"></a><a href="#media-element"></a><code data-anolis-xref="attr-title"><a href="#attr-title"></a></code></p><p><a href="#media-element"></a><a data-anolis-xref="expose a user interface to the user" href="#expose-a-user-interface-to-the-user"></a><code data-anolis-xref="attr-media-controls"><a href="#attr-media-controls"></a></code></p><p><a data-anolis-xref="expose a user interface to the user" href="#expose-a-user-interface-to-the-user"></a><a href="#media-element"></a><code data-anolis-xref="event-mousedown"><a href="#event-mousedown"></a></code></p><p></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><code><a href="#mediacontroller"></a></code><a href="#current-media-controller"></a><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#slaved-media-elements"></a><code><a href="#mediacontroller"></a></code><a href="#slaved-media-elements"></a></p><p><code data-anolis-xref=""></code><code data-anolis-xref=""></code><code data-anolis-xref=""></code><a href="#media-element"></a><a href="#current-media-controller"></a><code><a href="#mediacontroller"></a></code><a href="#media-element"></a></p><p><code data-anolis-xref=""></code><code data-anolis-xref=""></code><a href="#media-element"></a><a href="#current-media-controller"></a><code><a href="#mediacontroller"></a></code><a href="#media-element"></a></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><code data-anolis-xref="dom-MediaController-currentTime"><a href="#dom-mediacontroller-currenttime"></a></code><code><a href="#mediacontroller"></a></code><a data-anolis-xref="dom-media-seek" href="#dom-media-seek"></a><a href="#media-element"></a><a href="#media-timeline"></a><i></i></p><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#media-element"></a><code><a href="#mediacontroller"></a></code></p><p><a href="#activation-behavior"></a><a href="#media-element"></a><a data-anolis-xref="expose a user interface to the user" href="#expose-a-user-interface-to-the-user"></a></p><ol><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#current-media-controller"></a><a href="#restrained-media-controller"></a><code data-anolis-xref="dom-MediaController-play"><a href="#dom-mediacontroller-play"></a></code><code><a href="#mediacontroller"></a></code></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#current-media-controller"></a><a href="#paused-media-controller"></a><code data-anolis-xref="dom-MediaController-unpause"><a href="#dom-mediacontroller-unpause"></a></code><code><a href="#mediacontroller"></a></code></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#current-media-controller"></a><a href="#playing-media-controller"></a><code data-anolis-xref="dom-MediaController-pause"><a href="#dom-mediacontroller-pause"></a></code><code><a href="#mediacontroller"></a></code></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#media-element"></a><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="dom-media-play"><a href="#dom-media-play"></a></code><a href="#media-element"></a></p></li><li><p><a href="#media-element"></a><a href="#current-media-controller"></a><a href="#media-element"></a><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="dom-media-pause"><a href="#dom-media-pause"></a></code><a href="#media-element"></a></p></li></ol><p><a href="#media-resource"></a><a data-anolis-xref="text
</ins><span class="cx"> track" href="#text-track"></a><a href="#media-element"></a><a href="#list-of-text-tracks"></a><a data-anolis-xref="text track showing" href="#text-track-showing"></a><a href="#text-track-kind"></a><code data-anolis-xref="dom-TextTrack-kind-chapters"><a href="#dom-texttrack-kind-chapters"></a></code><a href="#rules-for-constructing-the-chapter-tree-from-a-text-track"></a><i></i></p><p><dfn data-anolis-xref="dom-media-controls" id="dom-media-controls"><code></code></dfn><a href="#reflect"></a></p><hr></div><dl class="domintro"><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-media-volume"><a href="#dom-media-volume"></a></code><var data-anolis-xref=""></var></dt><dd><p></p><p></p><p><code><a href="#indexsizeerror"></a></code></p></dd><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-media-muted"><a href="#dom-media-muted"></a></code><var data-anolis-xref=""></var></dt><dd><p><code data-anolis-xref="dom-media-volume"><a href="#dom-media-volume"></a></code><code data-anolis-xref="dom-media-volume"><a href="#dom-media-volume"></a></code></p><p></p></dd></dl><div class="impl"><p><dfn data-anolis-xref="dom-media-volume" id="dom-media-volume"><code></code></dfn><a href="#media-element"></a><a href="#media-element"></a><code><a href="#indexsizeerror"></a></code></p><p><dfn data-anolis-xref="dom-media-muted" id="dom-media-muted"><code></code></dfn></p><p><code data-anolis-xref="dom-media-volume"><a href="#dom-media-volume"></a></code><code data-anolis-xref="dom-media-muted"><a href="#dom-media-muted"></a></code><a href="#queue-a-task"></a><a href="#fire-a-simple-event"></a><code data-anolis-xref="event-media-volumechange"><a href="#event-media-volumechange"></a></code><a href="#media-element"></a></p><p><dfn id="effective-media-volume"></dfn></p><ol><li><p><a href="#effective-media-volume"></a></p></li><li><p><a href="#effective-media-volume"></a></p></li><li><p><a href="#current-media-controller"></a><code><a href="#mediacontroller"></a></code><a href="#media-controller-mute-override"></a><a href="#effective-media-volume"></a></p></li><li><p><var data-anolis-xref=""></var><a href="#media-element"></a></p></li><li><p><a href="#current-media-controller"></a><var data-anolis-xref=""></var><code><a href="#mediacontroller"></a></code><a href="#media-controller-volume-multiplier"></a></p></li><li><p><a href="#effective-media-volume"></a><var data-anolis-xref=""></var></p></li></ol></div><p><dfn data-anolis-xref="attr-media-muted" id="attr-media-muted"><code></code></dfn><a data-anolis-xref="media
</span><span class="cx"> element" href="#media-element"></a><a href="#boolean-attribute"></a><a href="#media-resource"></a></p><div class="impl"><p><a href="#media-element"></a><code data-anolis-xref="attr-media-muted"><a href="#attr-media-muted"></a></code><a href="#media-element"></a></p><p><dfn data-anolis-xref="dom-media-defaultMuted" id="dom-media-defaultmuted"><code></code></dfn><a href="#reflect"></a><code data-anolis-xref="attr-media-muted"><a href="#attr-media-muted"></a></code></p></div><p class="note"></p><div class="example"><p></p><pre></pre></div><h5 id="time-ranges"><span class="secno"></span></h5><p><code><a href="#timeranges"></a></code></p><pre class="idl"><dfn id="timeranges"></dfn><a data-anolis-xref="dom-TimeRanges-length" href="#dom-timeranges-length"></a><a data-anolis-xref="dom-TimeRanges-start" href="#dom-timeranges-start"></a><a data-anolis-xref="dom-TimeRanges-end" href="#dom-timeranges-end"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TimeRanges-length"><a href="#dom-timeranges-length"></a></code></dt><dd><p></p></dd><dt><var data-anolis-xref=""></var><var data-anolis-xref=""></var><code data-anolis-xref="dom-TimeRanges-start"><a href="#dom-timeranges-start"></a></code><var data-anolis-xref=""></var></dt><dd><p></p><p><code><a href="#indexsizeerror"></a></code></p></dd><dt><var data-anolis-xref=""></var><var data-anolis-xref=""></var><code data-anolis-xref="dom-TimeRanges-end"><a href="#dom-timeranges-end"></a></code><var data-anolis-xref=""></var></dt><dd><p></p><p><code><a href="#indexsizeerror"></a></code></p></dd></dl><div class="impl"><p><dfn data-anolis-xref="dom-TimeRanges-length" id="dom-timeranges-length"><code></code></dfn></p><p><dfn data-anolis-xref="dom-TimeRanges-start" id="dom-timeranges-start"><code><var data-anolis-xref=""></var></code></dfn><var data-anolis-xref=""></var></p><p><dfn data-anolis-xref="dom-TimeRanges-end" id="dom-timeranges-end"><code><var data-anolis-xref=""></var></code></dfn><var data-anolis-xref=""></var></p><p><code><a href="#indexsizeerror"></a></code><var data-anolis-xref=""></var></p><p><code><a href="#timeranges"></a></code><dfn id="normalized-timeranges-object"><code></code></dfn></p><ul><li></li><li></li></ul><p></p><p><code><a href="#timeranges"></a></code></p><p class="example"></p><p><code data-anolis-xref="dom-media-buffered"><a href="#dom-media-buffered"></a></code><code data-anolis-xref="dom-media-seekable"><a href="#dom-media-seekable"></a></code><code data-anolis-xref="dom-media-played"><a href="#dom-media-played"></a></code><a data-anolis-xref="media element" href="#media-element"></a><a href="#media-timeline"></a></p></div><h5 id="the-trackevent-interface"><span class="secno"></span><code><a href="#trackevent"></a></code></h5><pre class="idl"><a href="#trackeventinit"></a><dfn id="trackevent"></dfn><a href="#event"></a><a href="#videotrack"></a><a href="#audiotrack"></a><a href="#texttrack"></a><a data-anolis-xref="dom-TrackEvent-track" href="#dom-trackevent-track"></a><dfn id="trackeventinit"></dfn><a href="#eventinit"></a><a href="#videotrack"></a><a href="#audiotrack"></a><a href="#texttrack"></a></pre><dl class="domintro"><dt><var data-anolis-xref=""></var><code data-anolis-xref="dom-TrackEvent-track"><a href="#dom-trackevent-track"></a></code></dt><dd><p><code><a href="#texttrack"></a></code><code><a href="#audiotrack"></a></code><code><a href="#videotrack"></a></code></p></dd></dl><div class="impl"><p><dfn data-anolis-xref="dom-TrackEvent-track" id="dom-trackevent-track"><code></code></dfn></p></div><h5 id="mediaevents"><span class="secno"></span></h5><p><i></i></p><p><a data-anolis-xref="media element" href="#media-element"></a></p><table><thead><tr><th></th><th></th><th></th><th></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="event-media-loadstart" id="event-media-loadstart"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a><a data-anolis-xref="concept-media-load-algorithm" href="#concept-media-load-algorithm"></a></td><td><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_LOADING"><a href="#dom-media-network_loading"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-progress" id="event-media-progress"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a></td><td><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_LOADING"><a href="#dom-media-network_loading"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-suspend" id="event-media-suspend"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a></td><td><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_IDLE"><a href="#dom-media-network_idle"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-abort" id="event-media-abort"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a></td><td><code data-anolis-xref="dom-media-error"><a href="#dom-media-error"></a></code><code data-anolis-xref="dom-MediaError-MEDIA_ERR_ABORTED"><a href="#dom-mediaerror-media_err_aborted"></a></code><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_EMPTY"><a href="#dom-media-network_empty"></a></code><code data-anolis-xref="dom-media-NETWORK_IDLE"><a href="#dom-media-network_idle"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-error" id="event-media-error"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a></td><td><code data-anolis-xref="dom-media-error"><a href="#dom-media-error"></a></code><code data-anolis-xref="dom-MediaError-MEDIA_ERR_NETWORK"><a href="#dom-mediaerror-media_err_network"></a></code><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_EMPTY"><a href="#dom-media-network_empty"></a></code><code data-anolis-xref="dom-media-NETWORK_IDLE"><a href="#dom-media-network_idle"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-emptied" id="event-media-emptied"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-element"></a><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_EMPTY"><a href="#dom-media-network_empty"></a></code><code data-anolis-xref="dom-media-load"><a href="#dom-media-load"></a></code><a data-anolis-xref="concept-media-load-algorithm" href="#concept-media-load-algorithm"></a></td><td><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_EMPTY"><a href="#dom-media-network_empty"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-stalled" id="event-media-stalled"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a></td><td><code data-anolis-xref="dom-media-networkState"><a href="#dom-media-networkstate"></a></code><code data-anolis-xref="dom-media-NETWORK_LOADING"><a href="#dom-media-network_loading"></a></code></td></tr></tbody><tbody><tr><td><dfn data-anolis-xref="event-media-loadedmetadata" id="event-media-loadedmetadata"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-resource"></a><a href="#the-text-tracks-are-ready"></a></td><td><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_METADATA"><a href="#dom-media-have_metadata"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-loadeddata" id="event-media-loadeddata"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a><a href="#current-playback-position"></a></td><td><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_CURRENT_DATA"><a href="#dom-media-have_current_data"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-canplay" id="event-media-canplay"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a><a href="#media-resource"></a></td><td><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_FUTURE_DATA"><a href="#dom-media-have_future_data"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-canplaythrough" id="event-media-canplaythrough"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-resource"></a></td><td><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_ENOUGH_DATA"><a href="#dom-media-have_enough_data"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-playing" id="event-media-playing"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-data"></a></td><td><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_FUTURE_DATA"><a href="#dom-media-have_future_data"></a></code><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_FUTURE_DATA"><a href="#dom-media-have_future_data"></a></code><a href="#potentially-playing"></a><a href="#blocked-on-its-media-controller"></a><a href="#current-media-controller"></a><a data-anolis-xref="slaved media elements" href="#slaved-media-elements"></a><a href="#media-resource"></a><a href="#media-controller-position"></a><a href="#paused-for-user-interaction"></a><a href="#paused-for-in-band-content"></a></td></tr><tr><td><dfn data-anolis-xref="event-media-waiting" id="event-media-waiting"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td></td><td><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_CURRENT_DATA"><a href="#dom-media-have_current_data"></a></code><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="dom-media-seeking"><a href="#dom-media-seeking"></a></code><a href="#current-playback-position"></a><code data-anolis-xref="dom-media-buffered"><a href="#dom-media-buffered"></a></code><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code><code data-anolis-xref="event-media-playing"><a href="#event-media-playing"></a></code><a href="#blocked-on-its-media-controller"></a><a data-anolis-xref="ended playback" href="#ended-playback"></a><a href="#stopped-due-to-errors"></a><a href="#paused-for-user-interaction"></a><a href="#paused-for-in-band-content"></a></td></tr></tbody><tbody><tr><td><dfn data-anolis-xref="event-media-seeking" id="event-media-seeking"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-media-seeking"><a href="#dom-media-seeking"></a></code></td><td></td></tr><tr><td><dfn data-anolis-xref="event-media-seeked" id="event-media-seeked"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-media-seeking"><a href="#dom-media-seeking"></a></code><a href="#current-playback-position"></a></td><td></td></tr><tr><td><dfn data-anolis-xref="event-media-ended" id="event-media-ended"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-resource"></a></td><td><code data-anolis-xref="dom-media-currentTime"><a href="#dom-media-currenttime"></a></code><a href="#media-resource"></a><code data-anolis-xref="dom-media-ended"><a href="#dom-media-ended"></a></code></td></tr></tbody><tbody><tr><td><dfn data-anolis-xref="event-media-durationchange" id="event-media-durationchange"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-media-duration"><a href="#dom-media-duration"></a></code></td><td></td></tr><tr><td><dfn data-anolis-xref="event-media-timeupdate" id="event-media-timeupdate"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#current-playback-position"></a></td><td></td></tr><tr><td><dfn data-anolis-xref="event-media-play" id="event-media-play"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-media-play"><a href="#dom-media-play"></a></code><code data-anolis-xref="attr-media-autoplay"><a href="#attr-media-autoplay"></a></code></td><td><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-pause" id="event-media-pause"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-media-pause"><a href="#dom-media-pause"></a></code></td><td><code data-anolis-xref="dom-media-paused"><a href="#dom-media-paused"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-ratechange" id="event-media-ratechange"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-media-defaultPlaybackRate"><a href="#dom-media-defaultplaybackrate"></a></code><code data-anolis-xref="dom-media-playbackRate"><a href="#dom-media-playbackrate"></a></code></td><td></td></tr></tbody><tbody><tr><td><dfn data-anolis-xref="event-media-resize" id="event-media-resize"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-video-videoWidth"><a href="#dom-video-videowidth"></a></code><code data-anolis-xref="dom-video-videoHeight"><a href="#dom-video-videoheight"></a></code></td><td><a href="#media-element"></a><code><a href="#the-video-element"></a></code><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_NOTHING"><a href="#dom-media-have_nothing"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-media-volumechange" id="event-media-volumechange"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-media-volume"><a href="#dom-media-volume"></a></code><code data-anolis-xref="dom-media-muted"><a href="#dom-media-muted"></a></code></td><td></td></tr></tbody></table><p><code><a href="#mediacontroller"></a></code></p><table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="event-MediaController-emptied" id="event-mediacontroller-emptied"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#slaved-media-elements"></a><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_NOTHING"><a href="#dom-media-have_nothing"></a></code><a href="#slaved-media-elements"></a></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-loadedmetadata" id="event-mediacontroller-loadedmetadata"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#slaved-media-elements"></a><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_METADATA"><a href="#dom-media-have_metadata"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-loadeddata" id="event-mediacontroller-loadeddata"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#slaved-media-elements"></a><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_CURRENT_DATA"><a href="#dom-media-have_current_data"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-canplay" id="event-mediacontroller-canplay"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#slaved-media-elements"></a><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_FUTURE_DATA"><a href="#dom-media-have_future_data"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-canplaythrough" id="event-mediacontroller-canplaythrough"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#slaved-media-elements"></a><code data-anolis-xref="dom-media-readyState"><a href="#dom-media-readystate"></a></code><code data-anolis-xref="dom-media-HAVE_ENOUGH_DATA"><a href="#dom-media-have_enough_data"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-playing" id="event-mediacontroller-playing"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code><a href="#mediacontroller"></a></code><a href="#blocked-media-controller"></a></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-waiting" id="event-mediacontroller-waiting"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code><a href="#mediacontroller"></a></code><a href="#blocked-media-controller"></a></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-ended" id="event-mediacontroller-ended"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#slaved-media-elements"></a><a href="#ended-playback"></a><code><a href="#mediacontroller"></a></code><a href="#slaved-media-elements"></a></td></tr></tbody><tbody><tr><td><dfn data-anolis-xref="event-MediaController-durationchange" id="event-mediacontroller-durationchange"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-MediaController-duration"><a href="#dom-mediacontroller-duration"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-timeupdate" id="event-mediacontroller-timeupdate"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><a href="#media-controller-position"></a></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-play" id="event-mediacontroller-play"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-MediaController-paused"><a href="#dom-mediacontroller-paused"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-pause" id="event-mediacontroller-pause"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-MediaController-paused"><a href="#dom-mediacontroller-paused"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-ratechange" id="event-mediacontroller-ratechange"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-MediaController-defaultPlaybackRate"><a href="#dom-mediacontroller-defaultplaybackrate"></a></code><code data-anolis-xref="dom-MediaController-playbackRate"><a href="#dom-mediacontroller-playbackrate"></a></code></td></tr><tr><td><dfn data-anolis-xref="event-MediaController-volumechange" id="event-mediacontroller-volumechange"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td><code data-anolis-xref="dom-MediaController-volume"><a href="#dom-mediacontroller-volume"></a></code><code data-anolis-xref="dom-MediaController-muted"><a href="#dom-mediacontroller-muted"></a></code></td></tr></tbody></table><p><code><a href="#audiotracklist"></a></code><code><a href="#videotracklist"></a></code><code><a href="#texttracklist"></a></code></p><table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="event-media-change" id="event-media-change"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td></td></tr><tr><td><dfn data-anolis-xref="event-media-addtrack" id="event-media-addtrack"><code></code></dfn></td><td><code><a href="#trackevent"></a></code></td><td></td></tr><tr><td><dfn data-anolis-xref="event-media-removetrack" id="event-media-removetrack"><code></code></dfn></td><td><code><a href="#trackevent"></a></code></td><td></td></tr></tbody></table><p><code><a href="#texttrack"></a></code><code><a href="#the-track-element"></a></code></p><table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="event-media-cuechange" id="event-media-cuechange"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td></td></tr></tbody></table><p><code><a href="#texttrackcue"></a></code></p><table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><dfn data-anolis-xref="event-media-enter" id="event-media-enter"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td></td></tr><tr><td><dfn data-anolis-xref="event-media-exit" id="event-media-exit"><code></code></dfn></td><td><code><a href="#event"></a></code></td><td></td></tr></tbody></table><div class="impl"><h5 id="security-and-privacy-considerations"><span class="secno"></span></h5><p><code><a href="#the-video-element"></a></code><code><a href="#the-audio-element"></a></code></p><hr><p><code><a href="#document"></a></code><a href="#top-level-browsing-context"></a></p><p class="example"><code><a href="#the-video-element"></a></code></p><hr><p><code><a href="#the-img-element"></a></code></p><p><a href="#resource-sharing-check"></a><code data-anolis-xref="attr-media-crossorigin"><a href="#attr-media-crossorigin"></a></code><a href="#refsCORS"></a></p><p class="example"></p></div><h5 id="best-practices-for-authors-using-media-elements"><span class="secno"></span></h5><p><i></i></p><p><a data-anolis-xref="media element" href="#media-element"></a><code data-anolis-xref="attr-media-src"><a href="#attr-media-src"></a></code><code><a href="#the-source-element"></a></code><code data-anolis-xref="dom-media-load"><a href="#dom-media-load"></a></code></p><p></p><div class="impl"><h5 id="best-practices-for-implementors-of-media-elements"><span class="secno"></span></h5><p><i></i></p><p><a href="#media-element"></a></p><p><code data-anolis-xref="attr-media-buffered"></code></p><p></p><p></p><p></p><p><code><a href="#mediacontroller"></a></code><code><a href="#mediacontroller"></a></code><a href="#slaved-media-elements"></a></p><hr><p><a href="#media-element"></a><a data-anolis-xref="remove an element from a
</span><span class="cx"> document" href="#remove-an-element-from-a-document"></a><a href="#event-loop"></a><a href="#media-element"></a></p></div><h4 id="the-map-element"><span class="secno"></span><dfn><code></code></dfn></h4><dl class="element"><dt><a data-anolis-xref="element-dfn-categories" href="#element-dfn-categories"></a></dt><dd><a href="#flow-content-1"></a></dd><dd><a href="#phrasing-content-1"></a></dd><dd><a href="#palpable-content-0"></a></dd><dt><a data-anolis-xref="element-dfn-contexts" href="#element-dfn-contexts"></a></dt><dd><a href="#phrasing-content-1"></a></dd><dt><a data-anolis-xref="element-dfn-content-model" href="#element-dfn-content-model"></a></dt><dd><a href="#transparent"></a></dd><dt><a data-anolis-xref="element-dfn-attributes" href="#element-dfn-attributes"></a></dt><dd><a href="#global-attributes"></a></dd><dd><code data-anolis-xref="attr-map-name"><a href="#attr-map-name"></a></code><a href="#image-map"></a><code data-anolis-xref="attr-hyperlink-usemap"><a href="#attr-hyperlink-usemap"></a></code></dd><dt><a data-anolis-xref="element-dfn-tag-omission" href="#element-dfn-tag-omission"></a></dt><dd></dd><dt><a href="#aria-role-attribute"></a></dt><dd></dd><dt><a href="#state-and-property-attributes"></a></dt><dd><a href="#index-aria-global"></a></dd><dt><a data-anolis-xref="element-dfn-dom" href="#element-dfn-dom"></a></dt><dd><pre class="idl"><dfn id="htmlmapelement"></dfn><a href="#htmlelement"></a><a data-anolis-xref="dom-map-name" href="#dom-map-name"></a><a href="#htmlcollection"></a><a data-anolis-xref="dom-map-areas" href="#dom-map-areas"></a><a href="#htmlcollection"></a><a data-anolis-xref="dom-map-images" href="#dom-map-images"></a></pre></dd></dl><p><code><a href="#the-map-element"></a></code><code><a href="#the-img-element"></a></code><code><a href="#the-area-element"></a></code><a href="#image-map"></a><a href="#represents"></a></p><p><dfn data-anolis-xref="attr-map-name" id="attr-map-name"><code></code></dfn><a data-anolis-xref="space character" href="#space-character"></a><code data-anolis-xref="attr-map-name"><a href="#attr-map-name"></a></code><a data-anolis-xref="compatibility
</span></span></pre>
</div>
</div>
</body>
</html>