Dynamically add an audio file to the div using jQuery - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:append

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. append

Description

Dynamically add an audio file to the div using jQuery

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.js"></script> 
  <script type="text/javascript">
    $(window).load(function(){//from  w  w  w  . j a  v a 2  s . c  o m
jQuery(document).ready(function ($) {
    $('#myaudio').append('<source src="http://your file.ogg" type="audio/ogg" />');
});
    });

      </script> 
 </head> 
 <body> 
  <div> 
   <audio id="myaudio" controls></audio> 
  </div>  
 </body>
</html>

Related Tutorials