GET http://localhost:8100/ net::ERR_CACHE_READ_FAILURE
<p>I get the following Chrome error about 20 times:</p>

<blockquote>
  <p>GET http:://localhost:8100/video/ping.mp3 net::ERR_CACHE_READ_FAILURE</p>
</blockquote>

<p>I try to replace a div, if the barcode scan is correct. I'm embedding the HTML5 audio tag in my replacement. When to user clicks the button which will be active if the barcode is correct the div container-* should be replaced and this works, but the audio doesn't play and i get the error above. </p>

<p>What's my mistake? </p>

<p>Any help much appreciated   </p>

<p>I have this code: </p>

<pre><code>var mp = document.getElementById("mp3");
function play() {
mp.play();
}
    function scan() {
      cordova.plugins.barcodeScanner.scan(
        function(result) {
          if (result.text == "home") {
            var atHomeRepQR = '&lt;div class="container-h"&gt;&lt;div class="card"&gt;&lt;div class="item item-text-wrap "&gt;&lt;i class="icon ion-unlocked"&gt;&lt;/i&gt; Diese Ansicht ist entsperrt.&lt;/div&gt;&lt;/div&gt;&lt;button onclick="play()" class="button button-positive btn"&gt;Play&lt;/button&gt;&lt;/div&gt;&lt;audio id="mp3"&gt;&lt;source src="video/ping.mp3" type="audio/mpeg"&gt;&lt;/audio&gt;';
            save("atHomeSaveQR", atHomeRepQR);
          }
          if (result.text == "street") {
            var atStreetRepQR = '&lt;div class="container-s"&gt;&lt;div class="card"&gt;&lt;div class="item item-text-wrap "&gt;&lt;i class="icon ion-unlocked"&gt;&lt;/i&gt; Diese Ansicht ist entsperrt.&lt;/div&gt;&lt;/div&gt;&lt;button onclick="play()" class="button button-positive btn"&gt;Play&lt;/button&gt;&lt;/div&gt;&lt;audio id="mp3"&gt;&lt;source src="video/ping.mp3" type="audio/mpeg"&gt;&lt;/audio&gt;';
            save("atStreetSaveQR", atStreetRepQR);
          }
          if (result.text == "bern") {
            var atBernRepQR = '&lt;div class="container-b"&gt;&lt;div class="card"&gt;&lt;div class="item item-text-wrap "&gt;&lt;i class="icon ion-unlocked"&gt;&lt;/i&gt; Diese Ansicht ist entsperrt.&lt;/div&gt;&lt;/div&gt;&lt;button onclick="play()" class="button button-positive btn"&gt;Play&lt;/button&gt;&lt;/div&gt;&lt;audio id="mp3"&gt;&lt;source src="video/ping.mp3" type="audio/mpeg"&gt;&lt;/audio&gt;';
            save("atBernSaveQR", atBernRepQR);
          }
          if (result.text == "bahnhof") {
            var atBahnhofRepQR = '&lt;div class="container-ba"&gt;&lt;div class="card"&gt;&lt;div class="item item-text-wrap "&gt;&lt;i class="icon ion-unlocked"&gt;&lt;/i&gt; Diese Ansicht ist entsperrt.&lt;/div&gt;&lt;/div&gt;&lt;button onclick="play()" class="button button-positive btn"&gt;Play&lt;/button&gt;&lt;/div&gt;&lt;audio id="mp3"&gt;&lt;source src="video/ping.mp3" type="audio/mpeg"&gt;&lt;/audio&gt;';
            save("atBahnhofSaveQR", atBahnhofRepQR);
          }
          if (result.text == "atelier") {
            var atAtelierRepQR = '&lt;div class="container-at"&gt;&lt;div class="card"&gt;&lt;div class="item item-text-wrap "&gt;&lt;i class="icon ion-unlocked"&gt;&lt;/i&gt; Diese Ansicht ist entsperrt.&lt;/div&gt;&lt;/div&gt;&lt;button onclick="play()" class="button button-positive btn"&gt;Play&lt;/button&gt;&lt;/div&gt;&lt;audio id="mp3"&gt;&lt;source src="video/ping.mp3" type="audio/mpeg"&gt;&lt;/audio&gt;';
            save("atAtelierSaveQR", atAtelierRepQR);
          }

        },
        function(error) {
          alert("Scanning failed: " + error);
        }
      );
    }
</code></pre>