performance - 如何防止 HTML5 音频在加载时预下载/流式传输？

Question

我有一个单页网站，其中列出了 HTML5 音频播放器的集合。问题是网站变慢了，因为以下浏览器开始预下载内容(mp3 和 ogg)

Internet Explorer
Google Chrome
Firefox
Safari
(probably Opera)

我使用基本代码来实现播放器。有没有一种方法可以阻止浏览器预下载音频文件并且仅在它们单击播放时才起作用？

<audio controls="controls" height="32" width="300" tabindex="0">
<source type="audio/mpeg" src="http://cdn.com/track.mp3"></source>
<source type="audio/ogg" src="http://cdn.com/track.ogg"></source>
</audio>

Answer 1

<audio controls="controls" preload="none">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio> 

注意 - preload="none" - 可以与 VIDEO HTML5 和 AUDIO HTML5 一起使用。

除 Internet Explorer 和 Opera 外，所有主流浏览器都支持 preload 属性。