如何为<embed />禁用AutoLoad？

Question

我使用以下html

将默认媒体播放器嵌入到我的网页中

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

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

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，在本例中是图像。