Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

[giow] (1) Make MediaController.play() work as people expect, and mak…

…e .unpause() just unpause the MediaController (what play() used to do). Also, fix error from yesterday that I keep screwing up.

Affected topics: HTML, Video and Audio

git-svn-id: http://svn.whatwg.org/webapps@7367 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
commit 7faabbe84083e7afdf0d42fb621f3994dec18ace 1 parent 223f1c3
ianh authored

Showing 3 changed files with 249 additions and 117 deletions. Show diff stats Hide diff stats

  1. +108 49 complete.html
  2. +108 49 index
  3. +33 19 source
157 complete.html
@@ -31790,19 +31790,19 @@ <h5 id=playing-the-media-resource><span class=secno>4.8.10.8 </span>Playing the
31790 31790 unpaused, or it could be unpaused but stalled waiting for content to
31791 31791 buffer.</p>
31792 31792
31793   - <hr><p>Each <a href=#media-element>media element</a> has a <span>list of newly
31794   - introduced cues</span>, which must be initially empty. Whenever a
  31793 + <hr><p>Each <a href=#media-element>media element</a> has a <dfn id=list-of-newly-introduced-cues>list of newly
  31794 + introduced cues</dfn>, which must be initially empty. Whenever a
31795 31795 <a href=#text-track-cue>text track cue</a> is added to the <a href=#text-track-list-of-cues title="text track
31796 31796 list of cues">list of cues</a> of a <a href=#text-track>text track</a> that
31797 31797 is in the <a href=#list-of-text-tracks>list of text tracks</a> for a <a href=#media-element>media
31798 31798 element</a>, that <a href=#text-track-cue title="text track cue">cue</a> must be
31799   - added to the <a href=#media-element>media element</a>'s <span>list of newly
31800   - introduced cues</span>. Whenever a <a href=#text-track>text track</a> is added
  31799 + added to the <a href=#media-element>media element</a>'s <a href=#list-of-newly-introduced-cues>list of newly
  31800 + introduced cues</a>. Whenever a <a href=#text-track>text track</a> is added
31801 31801 to the <a href=#list-of-text-tracks>list of text tracks</a> for a <a href=#media-element>media
31802 31802 element</a>, all of the <a href=#text-track-cue title="text track cue">cues</a>
31803 31803 in that <a href=#text-track>text track</a>'s <a href=#text-track-list-of-cues title="text track list of
31804 31804 cues">list of cues</a> must be added to the <a href=#media-element>media
31805   - element</a>'s <span>list of newly introduced cues</span>.</p>
  31805 + element</a>'s <a href=#list-of-newly-introduced-cues>list of newly introduced cues</a>.</p>
31806 31806
31807 31807 <p>When the <a href=#current-playback-position>current playback position</a> of a <a href=#media-element>media
31808 31808 element</a> changes (e.g. due to playback or seeking), the user
@@ -31846,9 +31846,9 @@ <h5 id=playing-the-media-resource><span class=secno>4.8.10.8 </span>Playing the
31846 31846
31847 31847 <li><p>Remove all the <a href=#text-track-cue title="text track cue">cues</a> in
31848 31848 <var title="">missed cues</var> that are also in the <a href=#media-element>media
31849   - element</a>'s <span>list of newly introduced cues</span>, and
31850   - then empty the element's <span>list of newly introduced
31851   - cues</span>.</li>
  31849 + element</a>'s <a href=#list-of-newly-introduced-cues>list of newly introduced cues</a>, and
  31850 + then empty the element's <a href=#list-of-newly-introduced-cues>list of newly introduced
  31851 + cues</a>.</li>
31852 31852
31853 31853 <li><p>If the time was reached through the usual monotonic increase
31854 31854 of the <a href=#current-playback-position>current playback position</a> during normal
@@ -32737,7 +32737,7 @@ <h6 id=media-controllers><span class=secno>4.8.10.11.2 </span>Media controllers<
32737 32737
32738 32738 <pre class=idl>enum <dfn id=mediacontrollerplaybackstate>MediaControllerPlaybackState</dfn> { "<a href=#dom-mediacontroller-waiting title=dom-MediaController-waiting>waiting</a>", "<a href=#dom-mediacontroller-playing title=dom-MediaController-playing>playing</a>", "<a href=#dom-mediacontroller-ended title=dom-MediaController-ended>ended</a>" };
32739 32739 [<a href=#dom-mediacontroller title=dom-MediaController>Constructor</a>]
32740   -interface <dfn id=mediacontroller>MediaController</dfn> {
  32740 +interface <dfn id=mediacontroller>MediaController</dfn> : <a href=#eventtarget>EventTarget</a> {
32741 32741 readonly attribute unsigned short <a href=#dom-mediacontroller-readystate title=dom-MediaController-readyState>readyState</a>; // uses <a href=#htmlmediaelement>HTMLMediaElement</a>.<a href=#dom-media-readystate title=dom-media-readyState>readyState</a>'s values
32742 32742
32743 32743 readonly attribute <a href=#timeranges>TimeRanges</a> <a href=#dom-mediacontroller-buffered title=dom-MediaController-buffered>buffered</a>;
@@ -32748,8 +32748,9 @@ <h6 id=media-controllers><span class=secno>4.8.10.11.2 </span>Media controllers<
32748 32748 readonly attribute boolean <a href=#dom-mediacontroller-paused title=dom-MediaController-paused>paused</a>;
32749 32749 readonly attribute <a href=#mediacontrollerplaybackstate>MediaControllerPlaybackState</a> <a href=#dom-mediacontroller-playbackstate title=dom-MediaController-playbackState>playbackState</a>;
32750 32750 readonly attribute <a href=#timeranges>TimeRanges</a> <a href=#dom-mediacontroller-played title=dom-MediaController-played>played</a>;
32751   - void <a href=#dom-mediacontroller-play title=dom-MediaController-play>play</a>();
32752 32751 void <a href=#dom-mediacontroller-pause title=dom-MediaController-pause>pause</a>();
  32752 + void <a href=#dom-mediacontroller-unpause title=dom-MediaController-unpause>unpause</a>();
  32753 + void <a href=#dom-mediacontroller-play title=dom-MediaController-play>play</a>(); // calls play() on all media elements as well
32753 32754
32754 32755 attribute double <a href=#dom-mediacontroller-defaultplaybackrate title=dom-MediaController-defaultPlaybackRate>defaultPlaybackRate</a>;
32755 32756 attribute double <a href=#dom-mediacontroller-playbackrate title=dom-MediaController-playbackRate>playbackRate</a>;
@@ -32876,7 +32877,16 @@ <h6 id=media-controllers><span class=secno>4.8.10.11.2 </span>Media controllers<
32876 32877
32877 32878 </dd>
32878 32879
32879   - <dt><var title="">controller</var> . <code title=dom-MediaController-play><a href=#dom-mediacontroller-play>play</a></code>()</dt>
  32880 + <dt><var title="">controller</var> . <code title=dom-MediaController-pause><a href=#dom-mediacontroller-pause>pause</a></code>()</dt>
  32881 +
  32882 + <dd>
  32883 +
  32884 + <p>Sets the <code title=dom-MediaController-paused><a href=#dom-mediacontroller-paused>paused</a></code>
  32885 + attribute to true.</p>
  32886 +
  32887 + </dd>
  32888 +
  32889 + <dt><var title="">controller</var> . <code title=dom-MediaController-unpause><a href=#dom-mediacontroller-unpause>unpause</a></code>()</dt>
32880 32890
32881 32891 <dd>
32882 32892
@@ -32885,12 +32895,13 @@ <h6 id=media-controllers><span class=secno>4.8.10.11.2 </span>Media controllers<
32885 32895
32886 32896 </dd>
32887 32897
32888   - <dt><var title="">controller</var> . <code title=dom-MediaController-pause><a href=#dom-mediacontroller-pause>pause</a></code>()</dt>
  32898 + <dt><var title="">controller</var> . <code title=dom-MediaController-play><a href=#dom-mediacontroller-play>play</a></code>()</dt>
32889 32899
32890 32900 <dd>
32891 32901
32892 32902 <p>Sets the <code title=dom-MediaController-paused><a href=#dom-mediacontroller-paused>paused</a></code>
32893   - attribute to true.</p>
  32903 + attribute to false and invokes the <code title=dom-media-play><a href=#dom-media-play>play()</a></code> method of each <span>slaved
  32904 + media element</span>.</p>
32894 32905
32895 32906 </dd>
32896 32907
@@ -32972,7 +32983,10 @@ <h6 id=media-controllers><span class=secno>4.8.10.11.2 </span>Media controllers<
32972 32983 controller</a> is that <code><a href=#mediacontroller>MediaController</a></code>. All the
32973 32984 <a href=#slaved-media-elements>slaved media elements</a> of a <code><a href=#mediacontroller>MediaController</a></code>
32974 32985 must use the same clock for their definition of their <a href=#media-timeline>media
32975   - timeline</a>'s unit time.</p>
  32986 + timeline</a>'s unit time. When the user agent is required to act
  32987 + on each <span>slaved media element</span> in turn, they must be
  32988 + processed in the order that they were last associated with the
  32989 + <code><a href=#mediacontroller>MediaController</a></code>.</p>
32976 32990
32977 32991 <hr><p>The <dfn id=dom-media-controller title=dom-media-controller><code>controller</code></dfn> attribute
32978 32992 on a <a href=#media-element>media element</a>, on getting, must return the
@@ -33097,15 +33111,20 @@ <h6 id=media-controllers><span class=secno>4.8.10.11.2 </span>Media controllers<
33097 33111 <code><a href=#mediacontroller>MediaController</a></code>, and then <a href=#report-the-controller-state>report the controller
33098 33112 state</a> of the <code><a href=#mediacontroller>MediaController</a></code>.</p>
33099 33113
33100   - <p>When the <dfn id=dom-mediacontroller-play title=dom-MediaController-play><code>play()</code></dfn> method is
33101   - invoked, if the <code><a href=#mediacontroller>MediaController</a></code> is a <a href=#paused-media-controller>paused media
33102   - controller</a>, the user agent must change the
  33114 + <p>When the <dfn id=dom-mediacontroller-unpause title=dom-MediaController-unpause><code>unpause()</code></dfn>
  33115 + method is invoked, if the <code><a href=#mediacontroller>MediaController</a></code> is a
  33116 + <a href=#paused-media-controller>paused media controller</a>, the user agent must change the
33103 33117 <code><a href=#mediacontroller>MediaController</a></code> into a <a href=#playing-media-controller>playing media
33104 33118 controller</a>, <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
33105 33119 event</a> named <code title=event-MediaController-play><a href=#event-mediacontroller-play>play</a></code> at the
33106 33120 <code><a href=#mediacontroller>MediaController</a></code>, and then <a href=#report-the-controller-state>report the controller
33107 33121 state</a> of the <code><a href=#mediacontroller>MediaController</a></code>.</p>
33108 33122
  33123 + <p>When the <dfn id=dom-mediacontroller-play title=dom-MediaController-play><code>play()</code></dfn> method is
  33124 + invoked, the user agent must invoke the <code title=dom-media-play><a href=#dom-media-play>play</a></code> method of each <span>slaved media
  33125 + element</span> in turn, and then invoke the <code title=dom-MediaController-unpause><a href=#dom-mediacontroller-unpause>unpause</a></code> method of the
  33126 + <code><a href=#mediacontroller>MediaController</a></code>.</p>
  33127 +
33109 33128 <p>The <dfn id=dom-mediacontroller-playbackstate title=dom-MediaController-playbackState><code>playbackState</code></dfn>
33110 33129 attribute must return the value to which it was most recently set.
33111 33130 When the <code><a href=#mediacontroller>MediaController</a></code> object is created, the
@@ -51730,6 +51749,13 @@ <h6 id=the-readonly-attribute><span class=secno>4.10.7.3.3 </span>The <code titl
51730 51749
51731 51750 </div>
51732 51751
  51752 + <p class=note>The difference between <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> and <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> is that read-only
  51753 + controls are still focusable, so the user can still select the text
  51754 + and interact with it, whereas disabled controls are entirely
  51755 + non-interactive. (For this reason, only text controls can be made
  51756 + read-only: it wouldn't make sense for checkboxes or buttons, for
  51757 + instances.)</p>
  51758 +
51733 51759 <div class=example>
51734 51760
51735 51761 <p>In the following example, the existing product identifiers
@@ -51737,26 +51763,26 @@ <h6 id=the-readonly-attribute><span class=secno>4.10.7.3.3 </span>The <code titl
51737 51763 form, for consistency with the row representing a new product
51738 51764 (where the identifier is not yet filled in).</p>
51739 51765
51740   - <pre>&lt;form action="products.cgi" method=post enctype="multipart/form-data"&gt;
  51766 + <pre>&lt;form action="products.cgi" method="post" enctype="multipart/form-data"&gt;
51741 51767 &lt;table&gt;
51742 51768 &lt;tr&gt; &lt;th&gt; Product ID &lt;th&gt; Product name &lt;th&gt; Price &lt;th&gt; Action
51743 51769 &lt;tr&gt;
51744   - &lt;td&gt; &lt;input readonly name="1.pid" value="H412"&gt;
51745   - &lt;td&gt; &lt;input required name="1.pname" value="Floor lamp Ulke"&gt;
51746   - &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="1.pprice" value="49.99"&gt;
51747   - &lt;td&gt; &lt;button formnovalidate name="action" value="delete:1"&gt;Delete&lt;/button&gt;
  51770 + &lt;td&gt; &lt;input readonly="readonly" name="1.pid" value="H412"&gt;
  51771 + &lt;td&gt; &lt;input required="required" name="1.pname" value="Floor lamp Ulke"&gt;
  51772 + &lt;td&gt; $&lt;input required="required" type="number" min="0" step="0.01" name="1.pprice" value="49.99"&gt;
  51773 + &lt;td&gt; &lt;button formnovalidate="formnovalidate" name="action" value="delete:1"&gt;Delete&lt;/button&gt;
51748 51774 &lt;tr&gt;
51749   - &lt;td&gt; &lt;input readonly name="2.pid" value="FG28"&gt;
51750   - &lt;td&gt; &lt;input required name="2.pname" value="Table lamp Ulke"&gt;
51751   - &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="2.pprice" value="24.99"&gt;
51752   - &lt;td&gt; &lt;button formnovalidate name="action" value="delete:2"&gt;Delete&lt;/button&gt;
  51775 + &lt;td&gt; &lt;input readonly="readonly" name="2.pid" value="FG28"&gt;
  51776 + &lt;td&gt; &lt;input required="required" name="2.pname" value="Table lamp Ulke"&gt;
  51777 + &lt;td&gt; $&lt;input required="required" type="number" min="0" step="0.01" name="2.pprice" value="24.99"&gt;
  51778 + &lt;td&gt; &lt;button formnovalidate="formnovalidate" name="action" value="delete:2"&gt;Delete&lt;/button&gt;
51753 51779 &lt;tr&gt;
51754   - &lt;td&gt; &lt;input required name="3.pid" value="" pattern="[A-Z0-9]+"&gt;
51755   - &lt;td&gt; &lt;input required name="3.pname" value=""&gt;
51756   - &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="3.pprice" value=""&gt;
51757   - &lt;td&gt; &lt;button formnovalidate name="action" value="delete:3"&gt;Delete&lt;/button&gt;
  51780 + &lt;td&gt; &lt;input required="required" name="3.pid" value="" pattern="[A-Z0-9]+"&gt;
  51781 + &lt;td&gt; &lt;input required="required" name="3.pname" value=""&gt;
  51782 + &lt;td&gt; $&lt;input required="required" type="number" min="0" step="0.01" name="3.pprice" value=""&gt;
  51783 + &lt;td&gt; &lt;button formnovalidate="formnovalidate" name="action" value="delete:3"&gt;Delete&lt;/button&gt;
51758 51784 &lt;/table&gt;
51759   - &lt;p&gt; &lt;button formnovalidate name="action" value="add"&gt;Add&lt;/button&gt; &lt;/p&gt;
  51785 + &lt;p&gt; &lt;button formnovalidate="formnovalidate" name="action" value="add"&gt;Add&lt;/button&gt; &lt;/p&gt;
51760 51786 &lt;p&gt; &lt;button name="action" value="update"&gt;Save&lt;/button&gt; &lt;/p&gt;
51761 51787 &lt;/form&gt;</pre>
51762 51788
@@ -52025,7 +52051,7 @@ <h6 id=the-min-and-max-attributes><span class=secno>4.10.7.3.7 </span>The <code
52025 52051 <p>The following number control limits input to whole numbers
52026 52052 greater than zero:</p>
52027 52053
52028   - <pre>&lt;input name=quantity required type=number min=1 value=1&gt;</pre>
  52054 + <pre>&lt;input name=quantity required="" type="number" min="1" value="1"&gt;</pre>
52029 52055
52030 52056 </div>
52031 52057
@@ -52266,20 +52292,27 @@ <h6 id=the-list-attribute><span class=secno>4.10.7.3.9 </span>The <code title=at
52266 52292
52267 52293 <h6 id=the-placeholder-attribute><span class=secno>4.10.7.3.10 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6>
52268 52294
52269   - <!-- similar text in the <textarea> section -->
  52295 + <!-- substantially similar text in the <textarea> section -->
52270 52296
52271 52297 <p>The <dfn id=attr-input-placeholder title=attr-input-placeholder><code>placeholder</code></dfn>
52272 52298 attribute represents a <em>short</em> hint (a word or short phrase)
52273   - intended to aid the user with data entry. A hint could be a sample
52274   - value or a brief description of the expected format. The attribute,
52275   - if specified, must have a value that contains no U+000A LINE FEED
52276   - (LF) or U+000D CARRIAGE RETURN (CR) characters.</p>
52277   -
52278   - <p class=note>For a longer hint or other advisory text, the <code title=attr-title><a href=#attr-title>title</a></code> attribute is more appropriate.</p>
  52299 + intended to aid the user with data entry when the control has no
  52300 + value. A hint could be a sample value or a brief description of the
  52301 + expected format. The attribute, if specified, must have a value that
  52302 + contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR)
  52303 + characters.</p>
52279 52304
52280 52305 <p>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>
52281 52306 attribute should not be used as an alternative to a
52282   - <code><a href=#the-label-element>label</a></code>.</p>
  52307 + <code><a href=#the-label-element>label</a></code>. For a longer hint or other advisory text, the
  52308 + <code title=attr-title><a href=#attr-title>title</a></code> attribute is more
  52309 + appropriate.</p>
  52310 +
  52311 + <p class=note>These mechanisms are very similar but subtly
  52312 + different: the hint given by the control's <code><a href=#the-label-element>label</a></code> is
  52313 + shown at all times; the short hint given in the <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute is shown
  52314 + before the user enters a value; and the hint in the <code title=attr-title><a href=#attr-title>title</a></code> attribute is shown when the user
  52315 + requests further help.</p>
52283 52316
52284 52317 <div class=impl>
52285 52318
@@ -53801,6 +53834,25 @@ <h4 id=the-textarea-element><span class=secno>4.10.13 </span>The <dfn><code>text
53801 53834 is a <a href=#boolean-attribute>boolean attribute</a> used to control whether the text
53802 53835 can be edited by the user or not.</p>
53803 53836
  53837 + <div class=example>
  53838 +
  53839 + <p>In this example, a text field is marked read-only because it
  53840 + represents a read-only file:</p>
  53841 +
  53842 + <pre>Filename: &lt;code&gt;/etc/bash.bashrc&lt;/code&gt;
  53843 +&lt;textarea name="buffer" readonly&gt;
  53844 +# System-wide .bashrc file for interactive bash(1) shells.
  53845 +
  53846 +# To enable the settings / commands in this file for login shells as well,
  53847 +# this file has to be sourced in /etc/profile.
  53848 +
  53849 +# If not running interactively, don't do anything
  53850 +[ -z "$PS1" ] &amp;amp;&amp;amp; return
  53851 +
  53852 +...&lt;/textarea&gt;</pre>
  53853 +
  53854 + </div>
  53855 +
53804 53856 <div class=impl>
53805 53857
53806 53858 <p><strong>Constraint validation</strong>: If the <code title=attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> attribute is
@@ -53993,20 +54045,27 @@ <h4 id=the-textarea-element><span class=secno>4.10.13 </span>The <dfn><code>text
53993 54045 </div>
53994 54046
53995 54047
53996   - <!-- similar text in the <input> section -->
  54048 + <!-- substantially similar text in the <input> section -->
53997 54049
53998 54050 <p>The <dfn id=attr-textarea-placeholder title=attr-textarea-placeholder><code>placeholder</code></dfn>
53999   - attribute represents a hint (a word or short phrase) intended to aid
54000   - the user with data entry. A hint could be a sample value or a brief
54001   - description of the expected format. The attribute, if specified,
54002   - must have a value that contains no U+000A LINE FEED (LF) or U+000D
54003   - CARRIAGE RETURN (CR) characters.</p>
54004   -
54005   - <p class=note>For a longer hint or other advisory text, the <code title=attr-title><a href=#attr-title>title</a></code> attribute is more appropriate.</p>
  54051 + attribute represents a <em>short</em> hint (a word or short phrase)
  54052 + intended to aid the user with data entry when the control has no
  54053 + value. A hint could be a sample value or a brief description of the
  54054 + expected format. The attribute, if specified, must have a value that
  54055 + contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR)
  54056 + characters.</p>
54006 54057
54007 54058 <p>The <code title=attr-textarea-placeholder><a href=#attr-textarea-placeholder>placeholder</a></code>
54008 54059 attribute should not be used as an alternative to a
54009   - <code><a href=#the-label-element>label</a></code>.</p>
  54060 + <code><a href=#the-label-element>label</a></code>. For a longer hint or other advisory text, the
  54061 + <code title=attr-title><a href=#attr-title>title</a></code> attribute is more
  54062 + appropriate.</p>
  54063 +
  54064 + <p class=note>These mechanisms are very similar but subtly
  54065 + different: the hint given by the control's <code><a href=#the-label-element>label</a></code> is
  54066 + shown at all times; the short hint given in the <code title=attr-textarea-placeholder><a href=#attr-textarea-placeholder>placeholder</a></code> attribute is
  54067 + shown before the user enters a value; and the hint in the <code title=attr-title><a href=#attr-title>title</a></code> attribute is shown when the user
  54068 + requests further help.</p>
54010 54069
54011 54070 <div class=impl>
54012 54071
157 index
@@ -31790,19 +31790,19 @@ interface <dfn id=htmlaudioelement>HTMLAudioElement</dfn> : <a href=#htmlmediael
31790 31790 unpaused, or it could be unpaused but stalled waiting for content to
31791 31791 buffer.</p>
31792 31792
31793   - <hr><p>Each <a href=#media-element>media element</a> has a <span>list of newly
31794   - introduced cues</span>, which must be initially empty. Whenever a
  31793 + <hr><p>Each <a href=#media-element>media element</a> has a <dfn id=list-of-newly-introduced-cues>list of newly
  31794 + introduced cues</dfn>, which must be initially empty. Whenever a
31795 31795 <a href=#text-track-cue>text track cue</a> is added to the <a href=#text-track-list-of-cues title="text track
31796 31796 list of cues">list of cues</a> of a <a href=#text-track>text track</a> that
31797 31797 is in the <a href=#list-of-text-tracks>list of text tracks</a> for a <a href=#media-element>media
31798 31798 element</a>, that <a href=#text-track-cue title="text track cue">cue</a> must be
31799   - added to the <a href=#media-element>media element</a>'s <span>list of newly
31800   - introduced cues</span>. Whenever a <a href=#text-track>text track</a> is added
  31799 + added to the <a href=#media-element>media element</a>'s <a href=#list-of-newly-introduced-cues>list of newly
  31800 + introduced cues</a>. Whenever a <a href=#text-track>text track</a> is added
31801 31801 to the <a href=#list-of-text-tracks>list of text tracks</a> for a <a href=#media-element>media
31802 31802 element</a>, all of the <a href=#text-track-cue title="text track cue">cues</a>
31803 31803 in that <a href=#text-track>text track</a>'s <a href=#text-track-list-of-cues title="text track list of
31804 31804 cues">list of cues</a> must be added to the <a href=#media-element>media
31805   - element</a>'s <span>list of newly introduced cues</span>.</p>
  31805 + element</a>'s <a href=#list-of-newly-introduced-cues>list of newly introduced cues</a>.</p>
31806 31806
31807 31807 <p>When the <a href=#current-playback-position>current playback position</a> of a <a href=#media-element>media
31808 31808 element</a> changes (e.g. due to playback or seeking), the user
@@ -31846,9 +31846,9 @@ interface <dfn id=htmlaudioelement>HTMLAudioElement</dfn> : <a href=#htmlmediael
31846 31846
31847 31847 <li><p>Remove all the <a href=#text-track-cue title="text track cue">cues</a> in
31848 31848 <var title="">missed cues</var> that are also in the <a href=#media-element>media
31849   - element</a>'s <span>list of newly introduced cues</span>, and
31850   - then empty the element's <span>list of newly introduced
31851   - cues</span>.</li>
  31849 + element</a>'s <a href=#list-of-newly-introduced-cues>list of newly introduced cues</a>, and
  31850 + then empty the element's <a href=#list-of-newly-introduced-cues>list of newly introduced
  31851 + cues</a>.</li>
31852 31852
31853 31853 <li><p>If the time was reached through the usual monotonic increase
31854 31854 of the <a href=#current-playback-position>current playback position</a> during normal
@@ -32737,7 +32737,7 @@ interface <dfn id=videotrack>VideoTrack</dfn> {
32737 32737
32738 32738 <pre class=idl>enum <dfn id=mediacontrollerplaybackstate>MediaControllerPlaybackState</dfn> { "<a href=#dom-mediacontroller-waiting title=dom-MediaController-waiting>waiting</a>", "<a href=#dom-mediacontroller-playing title=dom-MediaController-playing>playing</a>", "<a href=#dom-mediacontroller-ended title=dom-MediaController-ended>ended</a>" };
32739 32739 [<a href=#dom-mediacontroller title=dom-MediaController>Constructor</a>]
32740   -interface <dfn id=mediacontroller>MediaController</dfn> {
  32740 +interface <dfn id=mediacontroller>MediaController</dfn> : <a href=#eventtarget>EventTarget</a> {
32741 32741 readonly attribute unsigned short <a href=#dom-mediacontroller-readystate title=dom-MediaController-readyState>readyState</a>; // uses <a href=#htmlmediaelement>HTMLMediaElement</a>.<a href=#dom-media-readystate title=dom-media-readyState>readyState</a>'s values
32742 32742
32743 32743 readonly attribute <a href=#timeranges>TimeRanges</a> <a href=#dom-mediacontroller-buffered title=dom-MediaController-buffered>buffered</a>;
@@ -32748,8 +32748,9 @@ interface <dfn id=mediacontroller>MediaController</dfn> {
32748 32748 readonly attribute boolean <a href=#dom-mediacontroller-paused title=dom-MediaController-paused>paused</a>;
32749 32749 readonly attribute <a href=#mediacontrollerplaybackstate>MediaControllerPlaybackState</a> <a href=#dom-mediacontroller-playbackstate title=dom-MediaController-playbackState>playbackState</a>;
32750 32750 readonly attribute <a href=#timeranges>TimeRanges</a> <a href=#dom-mediacontroller-played title=dom-MediaController-played>played</a>;
32751   - void <a href=#dom-mediacontroller-play title=dom-MediaController-play>play</a>();
32752 32751 void <a href=#dom-mediacontroller-pause title=dom-MediaController-pause>pause</a>();
  32752 + void <a href=#dom-mediacontroller-unpause title=dom-MediaController-unpause>unpause</a>();
  32753 + void <a href=#dom-mediacontroller-play title=dom-MediaController-play>play</a>(); // calls play() on all media elements as well
32753 32754
32754 32755 attribute double <a href=#dom-mediacontroller-defaultplaybackrate title=dom-MediaController-defaultPlaybackRate>defaultPlaybackRate</a>;
32755 32756 attribute double <a href=#dom-mediacontroller-playbackrate title=dom-MediaController-playbackRate>playbackRate</a>;
@@ -32876,7 +32877,16 @@ interface <dfn id=mediacontroller>MediaController</dfn> {
32876 32877
32877 32878 </dd>
32878 32879
32879   - <dt><var title="">controller</var> . <code title=dom-MediaController-play><a href=#dom-mediacontroller-play>play</a></code>()</dt>
  32880 + <dt><var title="">controller</var> . <code title=dom-MediaController-pause><a href=#dom-mediacontroller-pause>pause</a></code>()</dt>
  32881 +
  32882 + <dd>
  32883 +
  32884 + <p>Sets the <code title=dom-MediaController-paused><a href=#dom-mediacontroller-paused>paused</a></code>
  32885 + attribute to true.</p>
  32886 +
  32887 + </dd>
  32888 +
  32889 + <dt><var title="">controller</var> . <code title=dom-MediaController-unpause><a href=#dom-mediacontroller-unpause>unpause</a></code>()</dt>
32880 32890
32881 32891 <dd>
32882 32892
@@ -32885,12 +32895,13 @@ interface <dfn id=mediacontroller>MediaController</dfn> {
32885 32895
32886 32896 </dd>
32887 32897
32888   - <dt><var title="">controller</var> . <code title=dom-MediaController-pause><a href=#dom-mediacontroller-pause>pause</a></code>()</dt>
  32898 + <dt><var title="">controller</var> . <code title=dom-MediaController-play><a href=#dom-mediacontroller-play>play</a></code>()</dt>
32889 32899
32890 32900 <dd>
32891 32901
32892 32902 <p>Sets the <code title=dom-MediaController-paused><a href=#dom-mediacontroller-paused>paused</a></code>
32893   - attribute to true.</p>
  32903 + attribute to false and invokes the <code title=dom-media-play><a href=#dom-media-play>play()</a></code> method of each <span>slaved
  32904 + media element</span>.</p>
32894 32905
32895 32906 </dd>
32896 32907
@@ -32972,7 +32983,10 @@ interface <dfn id=mediacontroller>MediaController</dfn> {
32972 32983 controller</a> is that <code><a href=#mediacontroller>MediaController</a></code>. All the
32973 32984 <a href=#slaved-media-elements>slaved media elements</a> of a <code><a href=#mediacontroller>MediaController</a></code>
32974 32985 must use the same clock for their definition of their <a href=#media-timeline>media
32975   - timeline</a>'s unit time.</p>
  32986 + timeline</a>'s unit time. When the user agent is required to act
  32987 + on each <span>slaved media element</span> in turn, they must be
  32988 + processed in the order that they were last associated with the
  32989 + <code><a href=#mediacontroller>MediaController</a></code>.</p>
32976 32990
32977 32991 <hr><p>The <dfn id=dom-media-controller title=dom-media-controller><code>controller</code></dfn> attribute
32978 32992 on a <a href=#media-element>media element</a>, on getting, must return the
@@ -33097,15 +33111,20 @@ interface <dfn id=mediacontroller>MediaController</dfn> {
33097 33111 <code><a href=#mediacontroller>MediaController</a></code>, and then <a href=#report-the-controller-state>report the controller
33098 33112 state</a> of the <code><a href=#mediacontroller>MediaController</a></code>.</p>
33099 33113
33100   - <p>When the <dfn id=dom-mediacontroller-play title=dom-MediaController-play><code>play()</code></dfn> method is
33101   - invoked, if the <code><a href=#mediacontroller>MediaController</a></code> is a <a href=#paused-media-controller>paused media
33102   - controller</a>, the user agent must change the
  33114 + <p>When the <dfn id=dom-mediacontroller-unpause title=dom-MediaController-unpause><code>unpause()</code></dfn>
  33115 + method is invoked, if the <code><a href=#mediacontroller>MediaController</a></code> is a
  33116 + <a href=#paused-media-controller>paused media controller</a>, the user agent must change the
33103 33117 <code><a href=#mediacontroller>MediaController</a></code> into a <a href=#playing-media-controller>playing media
33104 33118 controller</a>, <a href=#queue-a-task>queue a task</a> to <a href=#fire-a-simple-event>fire a simple
33105 33119 event</a> named <code title=event-MediaController-play><a href=#event-mediacontroller-play>play</a></code> at the
33106 33120 <code><a href=#mediacontroller>MediaController</a></code>, and then <a href=#report-the-controller-state>report the controller
33107 33121 state</a> of the <code><a href=#mediacontroller>MediaController</a></code>.</p>
33108 33122
  33123 + <p>When the <dfn id=dom-mediacontroller-play title=dom-MediaController-play><code>play()</code></dfn> method is
  33124 + invoked, the user agent must invoke the <code title=dom-media-play><a href=#dom-media-play>play</a></code> method of each <span>slaved media
  33125 + element</span> in turn, and then invoke the <code title=dom-MediaController-unpause><a href=#dom-mediacontroller-unpause>unpause</a></code> method of the
  33126 + <code><a href=#mediacontroller>MediaController</a></code>.</p>
  33127 +
33109 33128 <p>The <dfn id=dom-mediacontroller-playbackstate title=dom-MediaController-playbackState><code>playbackState</code></dfn>
33110 33129 attribute must return the value to which it was most recently set.
33111 33130 When the <code><a href=#mediacontroller>MediaController</a></code> object is created, the
@@ -51730,6 +51749,13 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
51730 51749
51731 51750 </div>
51732 51751
  51752 + <p class=note>The difference between <code title=attr-fe-disabled><a href=#attr-fe-disabled>disabled</a></code> and <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> is that read-only
  51753 + controls are still focusable, so the user can still select the text
  51754 + and interact with it, whereas disabled controls are entirely
  51755 + non-interactive. (For this reason, only text controls can be made
  51756 + read-only: it wouldn't make sense for checkboxes or buttons, for
  51757 + instances.)</p>
  51758 +
51733 51759 <div class=example>
51734 51760
51735 51761 <p>In the following example, the existing product identifiers
@@ -51737,26 +51763,26 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
51737 51763 form, for consistency with the row representing a new product
51738 51764 (where the identifier is not yet filled in).</p>
51739 51765
51740   - <pre>&lt;form action="products.cgi" method=post enctype="multipart/form-data"&gt;
  51766 + <pre>&lt;form action="products.cgi" method="post" enctype="multipart/form-data"&gt;
51741 51767 &lt;table&gt;
51742 51768 &lt;tr&gt; &lt;th&gt; Product ID &lt;th&gt; Product name &lt;th&gt; Price &lt;th&gt; Action
51743 51769 &lt;tr&gt;
51744   - &lt;td&gt; &lt;input readonly name="1.pid" value="H412"&gt;
51745   - &lt;td&gt; &lt;input required name="1.pname" value="Floor lamp Ulke"&gt;
51746   - &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="1.pprice" value="49.99"&gt;
51747   - &lt;td&gt; &lt;button formnovalidate name="action" value="delete:1"&gt;Delete&lt;/button&gt;
  51770 + &lt;td&gt; &lt;input readonly="readonly" name="1.pid" value="H412"&gt;
  51771 + &lt;td&gt; &lt;input required="required" name="1.pname" value="Floor lamp Ulke"&gt;
  51772 + &lt;td&gt; $&lt;input required="required" type="number" min="0" step="0.01" name="1.pprice" value="49.99"&gt;
  51773 + &lt;td&gt; &lt;button formnovalidate="formnovalidate" name="action" value="delete:1"&gt;Delete&lt;/button&gt;
51748 51774 &lt;tr&gt;
51749   - &lt;td&gt; &lt;input readonly name="2.pid" value="FG28"&gt;
51750   - &lt;td&gt; &lt;input required name="2.pname" value="Table lamp Ulke"&gt;
51751   - &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="2.pprice" value="24.99"&gt;
51752   - &lt;td&gt; &lt;button formnovalidate name="action" value="delete:2"&gt;Delete&lt;/button&gt;
  51775 + &lt;td&gt; &lt;input readonly="readonly" name="2.pid" value="FG28"&gt;
  51776 + &lt;td&gt; &lt;input required="required" name="2.pname" value="Table lamp Ulke"&gt;
  51777 + &lt;td&gt; $&lt;input required="required" type="number" min="0" step="0.01" name="2.pprice" value="24.99"&gt;
  51778 + &lt;td&gt; &lt;button formnovalidate="formnovalidate" name="action" value="delete:2"&gt;Delete&lt;/button&gt;
51753 51779 &lt;tr&gt;
51754   - &lt;td&gt; &lt;input required name="3.pid" value="" pattern="[A-Z0-9]+"&gt;
51755   - &lt;td&gt; &lt;input required name="3.pname" value=""&gt;
51756   - &lt;td&gt; $&lt;input required type=number min=0 step=0.01 name="3.pprice" value=""&gt;
51757   - &lt;td&gt; &lt;button formnovalidate name="action" value="delete:3"&gt;Delete&lt;/button&gt;
  51780 + &lt;td&gt; &lt;input required="required" name="3.pid" value="" pattern="[A-Z0-9]+"&gt;
  51781 + &lt;td&gt; &lt;input required="required" name="3.pname" value=""&gt;
  51782 + &lt;td&gt; $&lt;input required="required" type="number" min="0" step="0.01" name="3.pprice" value=""&gt;
  51783 + &lt;td&gt; &lt;button formnovalidate="formnovalidate" name="action" value="delete:3"&gt;Delete&lt;/button&gt;
51758 51784 &lt;/table&gt;
51759   - &lt;p&gt; &lt;button formnovalidate name="action" value="add"&gt;Add&lt;/button&gt; &lt;/p&gt;
  51785 + &lt;p&gt; &lt;button formnovalidate="formnovalidate" name="action" value="add"&gt;Add&lt;/button&gt; &lt;/p&gt;
51760 51786 &lt;p&gt; &lt;button name="action" value="update"&gt;Save&lt;/button&gt; &lt;/p&gt;
51761 51787 &lt;/form&gt;</pre>
51762 51788
@@ -52025,7 +52051,7 @@ You cannot submit this form when the field is incorrect.</samp></pre>
52025 52051 <p>The following number control limits input to whole numbers
52026 52052 greater than zero:</p>
52027 52053
52028   - <pre>&lt;input name=quantity required type=number min=1 value=1&gt;</pre>
  52054 + <pre>&lt;input name=quantity required="" type="number" min="1" value="1"&gt;</pre>
52029 52055
52030 52056 </div>
52031 52057
@@ -52266,20 +52292,27 @@ You cannot submit this form when the field is incorrect.</samp></pre>
52266 52292
52267 52293 <h6 id=the-placeholder-attribute><span class=secno>4.10.7.3.10 </span>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute</h6>
52268 52294
52269   - <!-- similar text in the <textarea> section -->
  52295 + <!-- substantially similar text in the <textarea> section -->
52270 52296
52271 52297 <p>The <dfn id=attr-input-placeholder title=attr-input-placeholder><code>placeholder</code></dfn>
52272 52298 attribute represents a <em>short</em> hint (a word or short phrase)
52273   - intended to aid the user with data entry. A hint could be a sample
52274   - value or a brief description of the expected format. The attribute,
52275   - if specified, must have a value that contains no U+000A LINE FEED
52276   - (LF) or U+000D CARRIAGE RETURN (CR) characters.</p>
52277   -
52278   - <p class=note>For a longer hint or other advisory text, the <code title=attr-title><a href=#attr-title>title</a></code> attribute is more appropriate.</p>
  52299 + intended to aid the user with data entry when the control has no
  52300 + value. A hint could be a sample value or a brief description of the
  52301 + expected format. The attribute, if specified, must have a value that
  52302 + contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR)
  52303 + characters.</p>
52279 52304
52280 52305 <p>The <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code>
52281 52306 attribute should not be used as an alternative to a
52282   - <code><a href=#the-label-element>label</a></code>.</p>
  52307 + <code><a href=#the-label-element>label</a></code>. For a longer hint or other advisory text, the
  52308 + <code title=attr-title><a href=#attr-title>title</a></code> attribute is more
  52309 + appropriate.</p>
  52310 +
  52311 + <p class=note>These mechanisms are very similar but subtly
  52312 + different: the hint given by the control's <code><a href=#the-label-element>label</a></code> is
  52313 + shown at all times; the short hint given in the <code title=attr-input-placeholder><a href=#attr-input-placeholder>placeholder</a></code> attribute is shown
  52314 + before the user enters a value; and the hint in the <code title=attr-title><a href=#attr-title>title</a></code> attribute is shown when the user
  52315 + requests further help.</p>
52283 52316
52284 52317 <div class=impl>
52285 52318
@@ -53801,6 +53834,25 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
53801 53834 is a <a href=#boolean-attribute>boolean attribute</a> used to control whether the text
53802 53835 can be edited by the user or not.</p>
53803 53836
  53837 + <div class=example>
  53838 +
  53839 + <p>In this example, a text field is marked read-only because it
  53840 + represents a read-only file:</p>
  53841 +
  53842 + <pre>Filename: &lt;code&gt;/etc/bash.bashrc&lt;/code&gt;
  53843 +&lt;textarea name="buffer" readonly&gt;
  53844 +# System-wide .bashrc file for interactive bash(1) shells.
  53845 +
  53846 +# To enable the settings / commands in this file for login shells as well,
  53847 +# this file has to be sourced in /etc/profile.
  53848 +
  53849 +# If not running interactively, don't do anything
  53850 +[ -z "$PS1" ] &amp;amp;&amp;amp; return
  53851 +
  53852 +...&lt;/textarea&gt;</pre>
  53853 +
  53854 + </div>
  53855 +
53804 53856 <div class=impl>
53805 53857
53806 53858 <p><strong>Constraint validation</strong>: If the <code title=attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> attribute is
@@ -53993,20 +54045,27 @@ interface <dfn id=htmloptionelement>HTMLOptionElement</dfn> : <a href=#htmleleme
53993 54045 </div>
53994 54046
53995 54047
53996   - <!-- similar text in the <input> section -->
  54048 + <!-- substantially similar text in the <input> section -->
53997 54049
53998 54050 <p>The <dfn id=attr-textarea-placeholder title=attr-textarea-placeholder><code>placeholder</code></dfn>
53999   - attribute represents a hint (a word or short phrase) intended to aid
54000   - the user with data entry. A hint could be a sample value or a brief
54001   - description of the expected format. The attribute, if specified,
54002   - must have a value that contains no U+000A LINE FEED (LF) or U+000D
54003   - CARRIAGE RETURN (CR) characters.</p>
54004   -
54005   - <p class=note>For a longer hint or other advisory text, the <code title=attr-title><a href=#attr-title>title</a></code> attribute is more appropriate.</p>
  54051 + attribute represents a <em>short</em> hint (a word or short phrase)
  54052 + intended to aid the user with data entry when the control has no
  54053 + value. A hint could be a sample value or a brief description of the
  54054 + expected format. The attribute, if specified, must have a value that
  54055 + contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR)
  54056 + characters.</p>
54006 54057
54007 54058 <p>The <code title=attr-textarea-placeholder><a href=#attr-textarea-placeholder>placeholder</a></code>
54008 54059 attribute should not be used as an alternative to a
54009   - <code><a href=#the-label-element>label</a></code>.</p>
  54060 + <code><a href=#the-label-element>label</a></code>. For a longer hint or other advisory text, the
  54061 + <code title=attr-title><a href=#attr-title>title</a></code> attribute is more
  54062 + appropriate.</p>
  54063 +
  54064 + <p class=note>These mechanisms are very similar but subtly
  54065 + different: the hint given by the control's <code><a href=#the-label-element>label</a></code> is
  54066 + shown at all times; the short hint given in the <code title=attr-textarea-placeholder><a href=#attr-textarea-placeholder>placeholder</a></code> attribute is
  54067 + shown before the user enters a value; and the hint in the <code title=attr-title><a href=#attr-title>title</a></code> attribute is shown when the user
  54068 + requests further help.</p>
54010 54069
54011 54070 <div class=impl>
54012 54071
52 source
@@ -34691,8 +34691,8 @@ interface <dfn>HTMLAudioElement</dfn> : <span>HTMLMediaElement</span> {};</pre>
34691 34691
34692 34692 <hr>
34693 34693
34694   - <p>Each <span>media element</span> has a <span>list of newly
34695   - introduced cues</span>, which must be initially empty. Whenever a
  34694 + <p>Each <span>media element</span> has a <dfn>list of newly
  34695 + introduced cues</dfn>, which must be initially empty. Whenever a
34696 34696 <span>text track cue</span> is added to the <span title="text track
34697 34697 list of cues">list of cues</span> of a <span>text track</span> that
34698 34698 is in the <span>list of text tracks</span> for a <span>media
@@ -35787,8 +35787,9 @@ interface <dfn>MediaController</dfn> : <span>EventTarget</span> {
35787 35787 readonly attribute boolean <span title="dom-MediaController-paused">paused</span>;
35788 35788 readonly attribute <span>MediaControllerPlaybackState</span> <span title="dom-MediaController-playbackState">playbackState</span>;
35789 35789 readonly attribute <span>TimeRanges</span> <span title="dom-MediaController-played">played</span>;
35790   - void <span title="dom-MediaController-play">play</span>();
35791 35790 void <span title="dom-MediaController-pause">pause</span>();
  35791 + void <span title="dom-MediaController-unpause">unpause</span>();
  35792 + void <span title="dom-MediaController-play">play</span>(); // calls play() on all media elements as well
35792 35793
35793 35794 attribute double <span title="dom-MediaController-defaultPlaybackRate">defaultPlaybackRate</span>;
35794 35795 attribute double <span title="dom-MediaController-playbackRate">playbackRate</span>;
@@ -35924,7 +35925,16 @@ interface <dfn>MediaController</dfn> : <span>EventTarget</span> {
35924 35925
35925 35926 </dd>
35926 35927
35927   - <dt><var title="">controller</var> . <code title="dom-MediaController-play">play</code>()</dt>
  35928 + <dt><var title="">controller</var> . <code title="dom-MediaController-pause">pause</code>()</dt>
  35929 +
  35930 + <dd>
  35931 +
  35932 + <p>Sets the <code title="dom-MediaController-paused">paused</code>
  35933 + attribute to true.</p>
  35934 +
  35935 + </dd>
  35936 +
  35937 + <dt><var title="">controller</var> . <code title="dom-MediaController-unpause">unpause</code>()</dt>
35928 35938
35929 35939 <dd>
35930 35940
@@ -35933,12 +35943,14 @@ interface <dfn>MediaController</dfn> : <span>EventTarget</span> {
35933 35943
35934 35944 </dd>
35935 35945
35936   - <dt><var title="">controller</var> . <code title="dom-MediaController-pause">pause</code>()</dt>
  35946 + <dt><var title="">controller</var> . <code title="dom-MediaController-play">play</code>()</dt>
35937 35947
35938 35948 <dd>
35939 35949
35940 35950 <p>Sets the <code title="dom-MediaController-paused">paused</code>
35941   - attribute to true.</p>
  35951 + attribute to false and invokes the <code
  35952 + title="dom-media-play">play()</code> method of each <span>slaved
  35953 + media element</span>.</p>
35942 35954
35943 35955 </dd>
35944 35956
@@ -36024,7 +36036,10 @@ interface <dfn>MediaController</dfn> : <span>EventTarget</span> {
36024 36036 controller</span> is that <code>MediaController</code>. All the
36025 36037 <span>slaved media elements</span> of a <code>MediaController</code>
36026 36038 must use the same clock for their definition of their <span>media
36027   - timeline</span>'s unit time.</p>
  36039 + timeline</span>'s unit time. When the user agent is required to act
  36040 + on each <span>slaved media element</span> in turn, they must be
  36041 + processed in the order that they were last associated with the
  36042 + <code>MediaController</code>.</p>
36028 36043
36029 36044 <hr>
36030 36045
@@ -36178,9 +36193,9 @@ interface <dfn>MediaController</dfn> : <span>EventTarget</span> {
36178 36193 state</span> of the <code>MediaController</code>.</p>
36179 36194
36180 36195 <p>When the <dfn
36181   - title="dom-MediaController-play"><code>play()</code></dfn> method is
36182   - invoked, if the <code>MediaController</code> is a <span>paused media
36183   - controller</span>, the user agent must change the
  36196 + title="dom-MediaController-unpause"><code>unpause()</code></dfn>
  36197 + method is invoked, if the <code>MediaController</code> is a
  36198 + <span>paused media controller</span>, the user agent must change the
36184 36199 <code>MediaController</code> into a <span>playing media
36185 36200 controller</span>, <span>queue a task</span> to <span>fire a simple
36186 36201 event</span> named <code
@@ -36188,6 +36203,14 @@ interface <dfn>MediaController</dfn> : <span>EventTarget</span> {
36188 36203 <code>MediaController</code>, and then <span>report the controller
36189 36204 state</span> of the <code>MediaController</code>.</p>
36190 36205
  36206 + <p>When the <dfn
  36207 + title="dom-MediaController-play"><code>play()</code></dfn> method is
  36208 + invoked, the user agent must invoke the <code
  36209 + title="dom-media-play">play</code> method of each <span>slaved media
  36210 + element</span> in turn, and then invoke the <code
  36211 + title="dom-MediaController-unpause">unpause</code> method of the
  36212 + <code>MediaController</code>.</p>
  36213 +
36191 36214 <p>The <dfn
36192 36215 title="dom-MediaController-playbackState"><code>playbackState</code></dfn>
36193 36216 attribute must return the value to which it was most recently set.
@@ -62989,15 +63012,6 @@ interface <dfn>HTMLOptionElement</dfn> : <span>HTMLElement</span> {
62989 63012 contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR)
62990 63013 characters.</p>
62991 63014
62992   - <p>The <dfn
62993   - title="attr-textarea-placeholder"><code>placeholder</code></dfn>
62994   - attribute represents a <em>short</em> hint (a word or short phrase)
62995   - intended to aid the user with data entry when the control has no
62996   - value. A hint could be a sample value or a brief description of the
62997   - expected format. The attribute, if specified, must have a value that
62998   - contains no U+000A LINE FEED (LF) or U+000D CARRIAGE RETURN (CR)
62999   - characters.</p>
63000   -
63001 63015 <p>The <code title="attr-textarea-placeholder">placeholder</code>
63002 63016 attribute should not be used as an alternative to a
63003 63017 <code>label</code>. For a longer hint or other advisory text, the

0 comments on commit 7faabbe

Please sign in to comment.
Something went wrong with that request. Please try again.