title: Remove the big play button appears on <video> tag in firefox mobile
body: <p>I've been struggeling with this one for a long time and haven't found a solution yet.</p>
  <p>I have a preloader on my friend's website which I built (he insist of keeping it)
  the preloader is applied with the video tag like so:</p>
  <pre><code>&lt;video muted autoplay loop playsinline preload frameborder=&quot;0&quot; width=&quot;100&quot; height=&quot;100&quot;&gt;
       &lt;source src=&quot;/media/preloader.webm#t=0.25&quot; type=&quot;video/webm&quot;&gt;
       &lt;source src=&quot;/media/preloader.mp4#t=0.25&quot; type=&quot;video/mp4&quot;&gt;
       &lt;source src=&quot;/media/preloader.mov#t=0.25&quot; type=&quot;video/quicktime&quot;&gt;
  &lt;/video&gt;
  </code></pre>
  <p>on all browser that's working great, but on firefox mobile before video is playing I see this play button(for half a second):
  <a href="https://i.stack.imgur.com/YRpal.png" rel="nofollow noreferrer">https://i.stack.imgur.com/YRpal.png</a></p>
  <p>What can I do to remove this annoying button for good?</p>