<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Last player wins when multiple video elements have 'autoplay', 'muted' and 'playsinline' attributes set"
   href="https://bugs.webkit.org/show_bug.cgi?id=163570">163570</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Last player wins when multiple video elements have 'autoplay', 'muted' and 'playsinline' attributes set
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>Safari 10
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>iPhone / iPad
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>iOS 10
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Blocker
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>Media Elements
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>evol&#64;jwplayer.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>There are a couple scenarios that I'm seeking clarification on as to whether they are bugs or are working as intended.

Test page: <a href="http://demo.jwplayer.com/browser-examples/safari-autoplay.html">http://demo.jwplayer.com/browser-examples/safari-autoplay.html</a>

On an iPhone with multiple videos on the page:

1. In portrait mode, where there are multiple videos in the viewport, the last video to load is the one that starts playing.
2. In landscape mode, the behavior is as expected with videos playing/pausing as they enter/exit the viewport. However, I'm curious if videos above the fold should resume playback when you scroll up to bring them back into view. According to the documentation: &quot;&lt;video autoplay&gt; elements will pause if they become non-visible, such as by being scrolled out of the viewport.&quot; But this does not speak to the use case of resuming playback of a video if it becomes visible again. 

Getting the above 2 scenarios resolved would be a huge win for us at JW Player.

Thanks,
Evol</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>