[giow] (0) Define navigating to video and audio resources

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=13759 git-svn-id: http://svn.whatwg.org/webapps@6630 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Oct 5, 2011 · c42e779 · c42e779
1 parent 615d7e6
commit c42e779
Show file tree

Hide file tree

Showing 3 changed files with 112 additions and 50 deletions.
diff --git a/complete.html b/complete.html
@@ -240,7 +240,7 @@
 
   <header class=head id=head><p><a class=logo href=http://www.whatwg.org/><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
    <hgroup><h1 class=allcaps>HTML</h1>
-    <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 4 October 2011</h2>
+    <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 5 October 2011</h2>
    </hgroup><dl><dt><strong>Web developer edition:</strong></dt>
     <dd><strong><a href=http://developers.whatwg.org/>http://developers.whatwg.org/</a></strong></dd>
     <dt>Multiple-page version:</dt>
@@ -873,7 +873,7 @@ <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 4 October 2011</h
      <li><a href=#read-xml><span class=secno>6.5.3 </span>Page load processing model for XML files</a></li>
      <li><a href=#read-text><span class=secno>6.5.4 </span>Page load processing model for text files</a></li>
      <li><a href=#read-multipart-x-mixed-replace><span class=secno>6.5.5 </span>Page load processing model for <code>multipart/x-mixed-replaced</code> resources</a></li>
-     <li><a href=#read-image><span class=secno>6.5.6 </span>Page load processing model for images</a></li>
+     <li><a href=#read-media><span class=secno>6.5.6 </span>Page load processing model for media</a></li>
      <li><a href=#read-plugin><span class=secno>6.5.7 </span>Page load processing model for content that uses plugins</a></li>
      <li><a href=#read-ua-inline><span class=secno>6.5.8 </span>Page load processing model for inline content that doesn't have a DOM</a></li>
      <li><a href=#scroll-to-fragid><span class=secno>6.5.9 </span>Navigating to a fragment identifier</a></li>
@@ -64689,8 +64689,8 @@ <h4 id=navigating-across-documents><span class=secno>6.5.1 </span>Navigating acr
      <dd>Follow the steps given in the <a href=#read-multipart-x-mixed-replace title=navigate-multipart-x-mixed-replace>multipart/x-mixed-replace</a>
      section, and abort these steps.</dd>
 
-     <dt>A supported image type</dt>
-     <dd>Follow the steps given in the <a href=#read-image title=navigate-image>image</a> section, and abort these
+     <dt>A supported image, video, or audio type</dt>
+     <dd>Follow the steps given in the <a href=#read-media title=navigate-media>media</a> section, and abort these
      steps.</dd>
 
      <dt>A type that will use an external application to render the
@@ -64985,7 +64985,7 @@ <h4 id=read-text><span class=secno>6.5.4 </span><dfn title=navigate-text>Page lo
 
   <!-- next two paragraphs are nearly identical to the navigate-html
   section and similar to the "navigate-ua-inline" section, and the
-  next three are similar to the navigate-image and navigate-plugin
+  next three are similar to the navigate-media and navigate-plugin
   sections; keep them all in sync -->
 
   <p>When no more bytes are available, the user agent must <a href=#queue-a-task>queue
@@ -65038,23 +65038,41 @@ <h4 id=read-multipart-x-mixed-replace><span class=secno>6.5.5 </span><dfn title=
   events) do fire for each body part loaded.</p>
 
 
-  <h4 id=read-image><span class=secno>6.5.6 </span><dfn title=navigate-image>Page load processing model for images</dfn></h4>
+  <h4 id=read-media><span class=secno>6.5.6 </span><dfn title=navigate-media>Page load processing model for media</dfn></h4>
 
-  <p>When an image resource is to be loaded in a <a href=#browsing-context>browsing
-  context</a>, the user agent should <a href=#create-a-document-object>create a
+  <p>When an image, video, or audio resource is to be loaded in a
+  <a href=#browsing-context>browsing context</a>, the user agent should <a href=#create-a-document-object>create a
   <code>Document</code> object</a>, mark it as being an <a href=#html-documents title="HTML documents">HTML document</a>, set its <a href=#concept-document-media-type title=concept-document-media-type>media type</a> to the sniffed
   MIME type of the resource (<var title="">type</var> in the
   <a href=#navigate>navigate</a> algorithm), append an <code><a href=#the-html-element>html</a></code>
   element to the <code><a href=#document>Document</a></code>, append a <code><a href=#the-head-element>head</a></code>
   element and a <code><a href=#the-body-element>body</a></code> element to the <code><a href=#the-html-element>html</a></code>
-  element, append an <code><a href=#the-img-element>img</a></code> to the <code><a href=#the-body-element>body</a></code>
-  element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute
-  of the <code><a href=#the-img-element>img</a></code> element to the address of the image.</p>
-
-  <!-- next three paragraphs are similar to the navigate-text section,
-  keep them in sync -->
-
-  <p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
+  element, append an element <var title="">host element</var> for the
+  media, as described below, to the <code><a href=#the-body-element>body</a></code> element, and set
+  the appropriate attribute of the element <var title="">host
+  element</var>, as described below, to the address of the image,
+  video, or audio resource.</p>
+
+  <p>The element <var title="">host element</var> to create for the
+  media is the element given in the table below in the second cell of
+  the row whose first cell describes the media. The appropriate
+  attribute to set is the one given by the third cell in that same
+  row.</p>
+
+  <table><thead><tr><th> Type of media
+         <th> Element for the media
+         <th> Appropriate attribute
+    <tr><td> Image
+         <td> <code><a href=#the-img-element>img</a></code>
+         <td> <code title=attr-img-src><a href=#attr-img-src>src</a></code>
+    <tr><td> Video
+         <td> <code><a href=#the-video-element>video</a></code>
+         <td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
+    <tr><td> Audio
+         <td> <code><a href=#the-audio-element>audio</a></code>
+         <td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
+  </thead></table><!-- next three paragraphs are similar to the navigate-text section,
+  keep them in sync --><p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
   parsing">stopped parsing</a>.</p>
 
   <p>Upon creation of the <code><a href=#document>Document</a></code> object, the user agent
@@ -65067,9 +65085,9 @@ <h4 id=read-image><span class=secno>6.5.6 </span><dfn title=navigate-image>Page
   <a href=#update-the-session-history-with-the-new-page>update the session history with the new page</a>.</p>
 
   <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
-  the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-img-element>img</a></code>
-  element, e.g. to link to a style sheet or an XBL binding, to provide
-  a script, to give the document a <code><a href=#the-title-element>title</a></code>, etc.</p>
+  the <code><a href=#document>Document</a></code>, or attributes to the element <var title="">host element</var>, e.g. to link to a style sheet or an XBL
+  binding, to provide a script, to give the document a
+  <code><a href=#the-title-element>title</a></code>, to make the media <a href=#attr-media-autoplay title=attr-media-autoplay>autoplay</a>, etc.</p>
 
 
   <h4 id=read-plugin><span class=secno>6.5.7 </span><dfn title=navigate-plugin>Page load processing model for content that uses plugins</dfn></h4>

diff --git a/index b/index
@@ -240,7 +240,7 @@
 
   <header class=head id=head><p><a class=logo href=http://www.whatwg.org/><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
    <hgroup><h1 class=allcaps>HTML</h1>
-    <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 4 October 2011</h2>
+    <h2 class="no-num no-toc">Living Standard &mdash; Last Updated 5 October 2011</h2>
    </hgroup><dl><dt><strong>Web developer edition:</strong></dt>
     <dd><strong><a href=http://developers.whatwg.org/>http://developers.whatwg.org/</a></strong></dd>
     <dt>Multiple-page version:</dt>
@@ -873,7 +873,7 @@
      <li><a href=#read-xml><span class=secno>6.5.3 </span>Page load processing model for XML files</a></li>
      <li><a href=#read-text><span class=secno>6.5.4 </span>Page load processing model for text files</a></li>
      <li><a href=#read-multipart-x-mixed-replace><span class=secno>6.5.5 </span>Page load processing model for <code>multipart/x-mixed-replaced</code> resources</a></li>
-     <li><a href=#read-image><span class=secno>6.5.6 </span>Page load processing model for images</a></li>
+     <li><a href=#read-media><span class=secno>6.5.6 </span>Page load processing model for media</a></li>
      <li><a href=#read-plugin><span class=secno>6.5.7 </span>Page load processing model for content that uses plugins</a></li>
      <li><a href=#read-ua-inline><span class=secno>6.5.8 </span>Page load processing model for inline content that doesn't have a DOM</a></li>
      <li><a href=#scroll-to-fragid><span class=secno>6.5.9 </span>Navigating to a fragment identifier</a></li>
@@ -64689,8 +64689,8 @@ State: &lt;OUTPUT NAME=I&gt;1&lt;/OUTPUT&gt; &lt;INPUT VALUE="Increment" TYPE=BU
      <dd>Follow the steps given in the <a href=#read-multipart-x-mixed-replace title=navigate-multipart-x-mixed-replace>multipart/x-mixed-replace</a>
      section, and abort these steps.</dd>
 
-     <dt>A supported image type</dt>
-     <dd>Follow the steps given in the <a href=#read-image title=navigate-image>image</a> section, and abort these
+     <dt>A supported image, video, or audio type</dt>
+     <dd>Follow the steps given in the <a href=#read-media title=navigate-media>media</a> section, and abort these
      steps.</dd>
 
      <dt>A type that will use an external application to render the
@@ -64985,7 +64985,7 @@ State: &lt;OUTPUT NAME=I&gt;1&lt;/OUTPUT&gt; &lt;INPUT VALUE="Increment" TYPE=BU
 
   <!-- next two paragraphs are nearly identical to the navigate-html
   section and similar to the "navigate-ua-inline" section, and the
-  next three are similar to the navigate-image and navigate-plugin
+  next three are similar to the navigate-media and navigate-plugin
   sections; keep them all in sync -->
 
   <p>When no more bytes are available, the user agent must <a href=#queue-a-task>queue
@@ -65038,23 +65038,41 @@ State: &lt;OUTPUT NAME=I&gt;1&lt;/OUTPUT&gt; &lt;INPUT VALUE="Increment" TYPE=BU
   events) do fire for each body part loaded.</p>
 
 
-  <h4 id=read-image><span class=secno>6.5.6 </span><dfn title=navigate-image>Page load processing model for images</dfn></h4>
+  <h4 id=read-media><span class=secno>6.5.6 </span><dfn title=navigate-media>Page load processing model for media</dfn></h4>
 
-  <p>When an image resource is to be loaded in a <a href=#browsing-context>browsing
-  context</a>, the user agent should <a href=#create-a-document-object>create a
+  <p>When an image, video, or audio resource is to be loaded in a
+  <a href=#browsing-context>browsing context</a>, the user agent should <a href=#create-a-document-object>create a
   <code>Document</code> object</a>, mark it as being an <a href=#html-documents title="HTML documents">HTML document</a>, set its <a href=#concept-document-media-type title=concept-document-media-type>media type</a> to the sniffed
   MIME type of the resource (<var title="">type</var> in the
   <a href=#navigate>navigate</a> algorithm), append an <code><a href=#the-html-element>html</a></code>
   element to the <code><a href=#document>Document</a></code>, append a <code><a href=#the-head-element>head</a></code>
   element and a <code><a href=#the-body-element>body</a></code> element to the <code><a href=#the-html-element>html</a></code>
-  element, append an <code><a href=#the-img-element>img</a></code> to the <code><a href=#the-body-element>body</a></code>
-  element, and set the <code title=attr-img-src><a href=#attr-img-src>src</a></code> attribute
-  of the <code><a href=#the-img-element>img</a></code> element to the address of the image.</p>
-
-  <!-- next three paragraphs are similar to the navigate-text section,
-  keep them in sync -->
-
-  <p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
+  element, append an element <var title="">host element</var> for the
+  media, as described below, to the <code><a href=#the-body-element>body</a></code> element, and set
+  the appropriate attribute of the element <var title="">host
+  element</var>, as described below, to the address of the image,
+  video, or audio resource.</p>
+
+  <p>The element <var title="">host element</var> to create for the
+  media is the element given in the table below in the second cell of
+  the row whose first cell describes the media. The appropriate
+  attribute to set is the one given by the third cell in that same
+  row.</p>
+
+  <table><thead><tr><th> Type of media
+         <th> Element for the media
+         <th> Appropriate attribute
+    <tr><td> Image
+         <td> <code><a href=#the-img-element>img</a></code>
+         <td> <code title=attr-img-src><a href=#attr-img-src>src</a></code>
+    <tr><td> Video
+         <td> <code><a href=#the-video-element>video</a></code>
+         <td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
+    <tr><td> Audio
+         <td> <code><a href=#the-audio-element>audio</a></code>
+         <td> <code title=attr-media-src><a href=#attr-media-src>src</a></code>
+  </thead></table><!-- next three paragraphs are similar to the navigate-text section,
+  keep them in sync --><p>Then, the user agent must act as if it had <a href=#stop-parsing title="stop
   parsing">stopped parsing</a>.</p>
 
   <p>Upon creation of the <code><a href=#document>Document</a></code> object, the user agent
@@ -65067,9 +65085,9 @@ State: &lt;OUTPUT NAME=I&gt;1&lt;/OUTPUT&gt; &lt;INPUT VALUE="Increment" TYPE=BU
   <a href=#update-the-session-history-with-the-new-page>update the session history with the new page</a>.</p>
 
   <p>User agents may add content to the <code><a href=#the-head-element>head</a></code> element of
-  the <code><a href=#document>Document</a></code>, or attributes to the <code><a href=#the-img-element>img</a></code>
-  element, e.g. to link to a style sheet or an XBL binding, to provide
-  a script, to give the document a <code><a href=#the-title-element>title</a></code>, etc.</p>
+  the <code><a href=#document>Document</a></code>, or attributes to the element <var title="">host element</var>, e.g. to link to a style sheet or an XBL
+  binding, to provide a script, to give the document a
+  <code><a href=#the-title-element>title</a></code>, to make the media <a href=#attr-media-autoplay title=attr-media-autoplay>autoplay</a>, etc.</p>
 
 
   <h4 id=read-plugin><span class=secno>6.5.7 </span><dfn title=navigate-plugin>Page load processing model for content that uses plugins</dfn></h4>

diff --git a/source b/source
@@ -73470,9 +73470,9 @@ State: &lt;OUTPUT NAME=I>1&lt;/OUTPUT> &lt;INPUT VALUE="Increment" TYPE=BUTTON O
      title="navigate-multipart-x-mixed-replace">multipart/x-mixed-replace</span>
      section, and abort these steps.</dd>
 
-     <dt>A supported image type</dt>
+     <dt>A supported image, video, or audio type</dt>
      <dd>Follow the steps given in the <span
-     title="navigate-image">image</span> section, and abort these
+     title="navigate-media">media</span> section, and abort these
      steps.</dd>
 
      <dt>A type that will use an external application to render the
@@ -73816,7 +73816,7 @@ State: &lt;OUTPUT NAME=I>1&lt;/OUTPUT> &lt;INPUT VALUE="Increment" TYPE=BUTTON O
 
   <!-- next two paragraphs are nearly identical to the navigate-html
   section and similar to the "navigate-ua-inline" section, and the
-  next three are similar to the navigate-image and navigate-plugin
+  next three are similar to the navigate-media and navigate-plugin
   sections; keep them all in sync -->
 
   <p>When no more bytes are available, the user agent must <span>queue
@@ -73870,20 +73870,44 @@ State: &lt;OUTPUT NAME=I>1&lt;/OUTPUT> &lt;INPUT VALUE="Increment" TYPE=BUTTON O
   events) do fire for each body part loaded.</p>
 
 
-  <h4 id="read-image"><dfn title="navigate-image">Page load processing model for images</dfn></h4>
+  <h4 id="read-media"><dfn title="navigate-media">Page load processing model for media</dfn></h4>
 
-  <p>When an image resource is to be loaded in a <span>browsing
-  context</span>, the user agent should <span>create a
+  <p>When an image, video, or audio resource is to be loaded in a
+  <span>browsing context</span>, the user agent should <span>create a
   <code>Document</code> object</span>, mark it as being an <span
   title="HTML documents">HTML document</span>, set its <span
   title="concept-document-media-type">media type</span> to the sniffed
   MIME type of the resource (<var title="">type</var> in the
   <span>navigate</span> algorithm), append an <code>html</code>
   element to the <code>Document</code>, append a <code>head</code>
   element and a <code>body</code> element to the <code>html</code>
-  element, append an <code>img</code> to the <code>body</code>
-  element, and set the <code title="attr-img-src">src</code> attribute
-  of the <code>img</code> element to the address of the image.</p>
+  element, append an element <var title="">host element</var> for the
+  media, as described below, to the <code>body</code> element, and set
+  the appropriate attribute of the element <var title="">host
+  element</var>, as described below, to the address of the image,
+  video, or audio resource.</p>
+
+  <p>The element <var title="">host element</var> to create for the
+  media is the element given in the table below in the second cell of
+  the row whose first cell describes the media. The appropriate
+  attribute to set is the one given by the third cell in that same
+  row.</p>
+
+  <table>
+   <thead>
+    <tr> <th> Type of media
+         <th> Element for the media
+         <th> Appropriate attribute
+    <tr> <td> Image
+         <td> <code>img</code>
+         <td> <code title="attr-img-src">src</code>
+    <tr> <td> Video
+         <td> <code>video</code>
+         <td> <code title="attr-media-src">src</code>
+    <tr> <td> Audio
+         <td> <code>audio</code>
+         <td> <code title="attr-media-src">src</code>
+  </table>
 
   <!-- next three paragraphs are similar to the navigate-text section,
   keep them in sync -->
@@ -73901,9 +73925,11 @@ State: &lt;OUTPUT NAME=I>1&lt;/OUTPUT> &lt;INPUT VALUE="Increment" TYPE=BUTTON O
   <span>update the session history with the new page</span>.</p>
 
   <p>User agents may add content to the <code>head</code> element of
-  the <code>Document</code>, or attributes to the <code>img</code>
-  element, e.g. to link to a style sheet or an XBL binding, to provide
-  a script, to give the document a <code>title</code>, etc.</p>
+  the <code>Document</code>, or attributes to the element <var
+  title="">host element</var>, e.g. to link to a style sheet or an XBL
+  binding, to provide a script, to give the document a
+  <code>title</code>, to make the media <span
+  title="attr-media-autoplay">autoplay</span>, etc.</p>
 
 
   <h4 id="read-plugin"><dfn title="navigate-plugin">Page load processing model for content that uses plugins</dfn></h4>