Javascript DOM HTML Audio preload Property set

Introduction

Set different preload property values:

Click the buttons to create an AUDIO element.

One <audio> is created with preload set to "none".

The other is created with preload set to "auto".

View in separate window 

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction('none')">Audio without preload</button>
<button onclick="myFunction('auto')">Audio with preload</button>
<br>

<script>
function myFunction(p) {
  var x = document.createElement("AUDIO");
  x.setAttribute("controls", "controls");
  
  var y = document.createElement("SOURCE");
  y.setAttribute("src", "sound.ogg");
  y.setAttribute("type", "audio/ogg");
  
  x.appendChild(y);//from   ww  w  . j  a  va  2s.  c  o  m
  var z = document.createElement("SOURCE");
  z.setAttribute("src", "sound.mp3");
  z.setAttribute("type", "audio/mpeg");
  x.appendChild(z);

  // Set the preload property:
  x.preload = p;

  document.body.appendChild(x);
}
</script>

</body>
</html>



PreviousNext

Related