title: Can't load/play videos on local Safari
body: <p>I'm trying to load/play a video in local server Safari desktop browser v11.0.2, using Phaser.js. The problem is that videos does not even load.</p>
  
  <p>Preloading the video with Phaser loader does not work. I get this error: </p>
  
  <blockquote>
    <p>Phaser.Loader - video[intro]: error loading asset from URL video/intro.mp4</p>
  </blockquote>
  
  <p>Displaying the video in HTML:</p>
  
  <pre><code>&lt;video width="320" height="240" controls&gt;
      &lt;source src="video/intro.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Not working either. Can't see any errors but if I look for the video in the <code>Resources</code> panel I get following message:</p>
  
  <blockquote>
    <p>An error ocurred trying to load the resource.</p>
  </blockquote>
  
  <p>Trying to directly access the video from URL but no luck. Getting following error:</p>
  
  <blockquote>
    <p>Failed to load resource: Plug-in handled load</p>
  </blockquote>
  
  <ul>
  <li>File name is right.</li>
  <li>File path is right.</li>
  <li>Video file is not corrupted.</li>
  <li>Different video files throw the same error.</li>
  <li>Chrome and Firefox works fine.</li>
  </ul>
  
  <p>Serving files with Python local server</p>
  
  <pre><code>python -m SimpleHTTPServer
  </code></pre>
  
  <p>has the same problem as serving it with PHP</p>
  
  <pre><code>php -S localhost:8000
  </code></pre>
  
  <p><strong>If I do upload the files to an nginx public server the problem does not occur</strong>. Though I get another error because of playing video without previous user interaction (which is the issue I want to solve in my local).</p>
  
  <p>What can I do?</p>