title: Play videos one after another on iOS without user interaction
body: <p>I have a dozen of HTML5 videos that I want to play one after another every times a video ends. The user presses a &quot;play&quot; button at the first video, and the others follow one another.</p>
  <p>My code works great on desktop and android, but not on iOS because of the autoplay limitation.
  I can't get the second video to play after the first one if the user doesn't press a second button.</p>
  <p>Is there a workaround to play videos one after another on iOS or do I have to create an exception that will show a &quot;play&quot; button for each video ?</p>
  <p>What my code looks like so far :</p>
  <pre><code>&lt;video id=&quot;firstVideo&quot; crossOrigin=&quot;anonymous&quot; webkit-playsinline playsinline style=&quot;display:none&quot; preload=&quot;auto&quot;&gt;
     &lt;source src=&quot;videos/video1.mp4&quot; type='video/mp4'&gt;
  &lt;/video&gt;
  &lt;video id=&quot;secondVideo&quot; crossOrigin=&quot;anonymous&quot; webkit-playsinline playsinline style=&quot;display:none&quot; preload=&quot;auto&quot;&gt;
      &lt;source src=&quot;videos/video2.mp4&quot; type='video/mp4'&gt;
  &lt;/video&gt;
  </code></pre>
  <p>etc...</p>
  <pre><code>if ( video1.currentTime &gt;= video1.duration - 0.1 ) {
  
      video1.pause();
      video2.play();
  
  }
  </code></pre>