title: Html5 (audio) on Safari & iOS
body: <p>I am working on a web application and I have one compatibility problem with Apple devices &amp; Safari on PCs.</p>
  <h2>Html5 audio tag:</h2>
  <blockquote>
  <pre><code>&lt;audio controls&gt;
  &lt;source src=&quot;/audio/en/file.mp3&quot; type=&quot;audio/mpeg&quot;&gt;
  &lt;source src=&quot;/audio/en/file.ogg&quot; type=&quot;audio/ogg&quot;&gt;
  Your browser does not support the audio element.
  &lt;/audio&gt;
  </code></pre>
  </blockquote>
  <ul>
  <li>I just want to play an audio file with basic controls.</li>
  <li>The previous code works perfectly on Chrome, Opera, Firefox (<em>Windows &amp; Android devices</em>).</li>
  <li>But <strong>controlers do no appear</strong> with <strong>Safari</strong> (<em>tested with the latest version on PC, iPad &amp; iPad mini</em>).</li>
  <li>Audio player have a grey background with <strong>only &quot;play/pause&quot; function</strong>.</li>
  <li>Here is a screenshot that describes my problem :</li>
  </ul>
  <p><img src="https://i.stack.imgur.com/4beBa.png" alt="Image" /></p>
  <p>Thanks.</p>