html - 如何禁用自动加载?

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，在这种情况下，就是图像。