Audio tag, add src when clicking on link?
<p>I am attempting to write a page with multiple <code>&lt;audio&gt;</code> tags in it and the page load takes forever (I have around 30 audio clips). A solution I saw was to leave the <code>src=""</code> empty and then dynamically populate when you click on a link...</p>

<p><a href="http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/" rel="nofollow">http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/</a></p>

<p>My snytax is wrong, but it has to do 2 things when the button is clicked. It has to load the video by populating the src and then playing the clip. I thought the following code would work:</p>

<pre><code>document.getElementById('1')[0].src = '1.aif';.play()
</code></pre>
