Skip looping the media element when paused

The existing steps cause a seek to the end of the media resource while
paused to seek to the start immediately after. This differs from
implementations in Chrome, Firefox and Safari.

Fixes #11774

Author: Zaggy1024

source

@@ -39688,13 +39688,20 @@ interface <dfn interface>MediaError</dfn> {
   agent must follow these steps:</p>
 
   <ol>
-   <li><p>If the <span>media element</span> has a <code data-x="attr-media-loop">loop</code>
-   attribute specified, then <span data-x="dom-media-seek">seek</span> to the <span>earliest
-   possible position</span> of the <span>media resource</span> and return.</p></li>
-   <!-- v2/v3: We should fire a 'looping' event here to explain why this immediately fires a
-   'playing' event, otherwise the 'playing' event that fires from the readyState going from
-   HAVE_CURRENT_DATA back to HAVE_FUTURE_DATA will seem inexplicable (since the normally matching
-   'ended' given below event doesn't fire in the loop case). -->
+   <li>
+    <p>If the <span>media element</span> has a <code data-x="attr-media-loop">loop</code>
+    attribute specified, then:</p>
+
+    <ol>
+     <li><p>If <span data-x="dom-media-paused">paused</span> is false, <span data-x="dom-media-seek">
+     seek</span> to the <span>earliest possible position</span> of the <span>media resource</span>
+     and return.</p></li>
+     <!-- v2/v3: We should fire a 'looping' event here to explain why this immediately fires a
+     'playing' event, otherwise the 'playing' event that fires from the readyState going from
+     HAVE_CURRENT_DATA back to HAVE_FUTURE_DATA will seem inexplicable (since the normally matching
+     'ended' given below event doesn't fire in the loop case). -->
+    </ol>
+   </li>
 
    <li><p>As defined above, the <code data-x="dom-media-ended">ended</code> IDL attribute starts
    returning true once the <span>event loop</span> returns to <a href="#step1">step 1</a>.</p></li>
@@ -39943,7 +39950,10 @@ interface <dfn interface>MediaError</dfn> {
       data-x="dom-media-readyState">readyState</code> attribute has the value <code
       data-x="dom-media-HAVE_FUTURE_DATA">HAVE_FUTURE_DATA</code> or <code
       data-x="dom-media-HAVE_ENOUGH_DATA">HAVE_ENOUGH_DATA</code>: <span>notify about playing</span>
-      for the element.</p>
+      for the element, and if playback was paused and loop was specified the last time playback <a
+      href="#reaches-the-end">reached the end</a> (i.e. when the <span>official playback
+      position</span> is still the <span>duration</span> at this step), seek to the <span>earliest
+      possible position</span>.</p>
      </li>
     </ol>
    </li>