如何禁用<嵌入>的自动加载？

Question

我将一个默认媒体播放器嵌入了我的网页中

<object height="20" width="200"> <embed src="url to music" autostart="false" loop="false" height="20" width="200"> </object>

每次我访问网站时，此对象都会自动下载音乐。如何禁用Autodownload？我希望它仅在有人单击播放按钮时加载。

Answer 1

我今天一直在环顾四周，我看不到指示浏览器做到这一点。

我能想到的最好的方法是 <object ...>, ，您显示一个看起来像播放器的图像，然后在图像中添加一个onclick属性，然后使用JavaScript将图像替换为真实对象。就像是 ：

  <div><img src="player.png" onclick="this.parentNode.innerHTML = '<object height=\'20\' width=\'200\'> <embed src=\'url-to-music\' autostart=\'false\' loop=\'false\' height=\'20\' width=\'200\'> </object>'"></div>

我应该补充说，您必须保留 <div> 在图像周围（或放置 <span>, ，或您看到的任何标签），因为onclick动作替换了 parentNode.innerHTML, 也就是说，在父母中包含的HTML，在这种情况下是图像。