HTML5 Tracker

Short URL: http://html5.org/r/998

Index: source
===================================================================
--- source	(revision 997)
+++ source	(revision 998)
@@ -5062,7 +5062,7 @@
   <div class="example">
 
    <p>In the following skeletal example, the attribute is used to hide
-   the a Web game until the user logs in:</p>
+   the Web game's main screen until the user logs in:</p>
 
    <pre>  &lt;h1>The Example Game&lt;/h1>
   &lt;section id="login">
@@ -5079,31 +5079,20 @@
     }
    &lt;/script>
   &lt;/section>
-  &lt;section id="game">
+  &lt;section id="game" irrelevant>
    ...
   &lt;/section></pre>
 
-   <p>In the following example, an image acts as a surrogate for an
-   video. When the image is clicked, it tries to load the video (and
-   disables the playback button). If the load succeeds enough that a
-   frame of data has been downloaded, the <code>video</code> element
-   hides the surrogate image and shows the video instead, along with
-   its controls, and turns on autoplay (so that the video will
-   commence playback as soon as enough of it is loaded). If the load
-   fails for any reason, the video and the surrogate frame are both
-   hidden (by hiding the paragraph element containing them both), and
-   the following paragraph is shown instead, with its unhelpful error
-   message and potentially helpful link to download the video
-   directly.</p>
+  </div>
 
-   <p>In legacy user agents, the surrogate image would show (though
-   clicking it would have no effect) and the link to the video would
-   be present (allowing the video to be viewed in another
-   application).</p>
+  <div>
 
+   <p>In the following example, an image acts as a surrogate for a
+   video.</p>
+
    <pre>  &lt;p>
    &lt;input type="image" src="frame.png" alt="Play Video"
-     onclick="   nextSibling.load();
+     onclick="   if (nextSibling.load) nextSibling.load();
                  disabled = true;
                  return false;"
    >&lt;video src="video.ogg" controls="" irrelevant=""
@@ -5119,8 +5108,33 @@
    &lt;a href="video.ogg">Download Video&lt;/a>
   &lt;/p></pre>
 
+   <p>When the image is clicked, the script tries to load the video
+   (and disables the playback button).</p>
+
+   <ul>
+
+    <li><p>If the load succeeds enough that a frame of data has been
+    downloaded, the <code>video</code> element hides the surrogate
+    image and shows the video instead, along with its controls, and
+    turns on autoplay (so that the video will commence playback as
+    soon as enough of it is loaded).</p></li>
+
+    <li><p>If the load fails for any reason, the video and the
+    surrogate frame are both hidden (by hiding the paragraph element
+    containing them both), and the next paragraph is shown instead,
+    with its unhelpful error message and potentially helpful link to
+    download the video directly.</p></li>
+
+   </ul>
+
+   <p>In legacy user agents, the surrogate image would show &mdash;
+   though clicking it would have no effect &mdash; and the link to the
+   video would be present, allowing the video to be viewed in another
+   application.</p>
+
   </div>
 
+
   <p>The <code title="attr-irrelevant">irrelevant</code> attribute
   must not be used to hide content that could legitimately be shown in
   another presentation. For example, it is incorrect to use <code

Previous | Next