title: HTML5 Video Background not playing Safari on iPhone
body: <p>I have the video background plugin for site origin page builder (Wordpress) and I have uploaded a background video (MP4 and WEBM formats). The file sizes are around 35mb and 17mb respectively.</p>
  <p>I have tested on a couple of iPhones running up to date iOS with safari and the video is not autoplaying as it should (only showing fallback image).</p>
  <p><strong>Video Code:</strong></p>
  <pre><code>&lt;video id=&quot;so_bgvideo_5df3a8b601042&quot; 
  class=&quot;so_video_bg jquery-background-video is-playing is-visible&quot; 
  loop=&quot;&quot; autoplay=&quot;&quot; playsinline=&quot;&quot; muted=&quot;&quot; data-bgvideo=&quot;&quot; 
  poster=&quot;https://mywebsite.com/fallback-image.jpg&quot; 
  data-bgvideo-fade-in=&quot;500&quot; data-bgvideo-pause-after=&quot;120&quot; 
  data-bgvideo-show-pause-play=&quot;true&quot; 
  data-bgvideo-pause-play-x-pos=&quot;right&quot;
  data-bgvideo-pause-play-y-pos=&quot;top&quot; 
  style=&quot;min-width: auto; min-height:auto; width: 100%; height: auto;
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  transition-duration: 500ms;&quot;&gt;
  &lt;source src=&quot;https://mywebsite.com/video.mp4&quot; type=&quot;video/mp4&quot;&gt;
  &lt;source src=&quot;https://mywebsite.com/video.webm&quot; type=&quot;video/webm&quot;&gt;
  &lt;/video&gt;
  </code></pre>
  <p>As far as I can tell the video contains the attributes required via Safari (and it plays fine on Safari desktop).</p>
  <p>Can anyone please advise a fix to get it working on Safari mobile?</p>