Failed to load because no supported source was found. when playing HTML5 audio element
<p>I have HTML5 audio element</p>

<pre><code>&lt;audio src="/sounds/call.wav" id="audio1" repeated="0" repetitions="1" class="audio_sound"&gt;&lt;/audio&gt;
</code></pre>

<p>If I try to call <code>element.play()</code> strange error appears in Chrome web console.</p>

<blockquote>
  <p>Uncaught (in promise) DOMException: Failed to load because no
  supported source was found.</p>
</blockquote>

<p>I haven't found any clues why this error appears and how to fix it.</p>