我使用以下 html 在我的网页中嵌入了默认媒体播放器
<object height="20" width="200">
<embed src="url to music" autostart="false" loop="false" height="20" width="200">
</object>
每次我访问该网站时,该对象都会自动下载音乐。如何禁用自动下载?我希望它仅在有人点击播放按钮时加载。
最佳答案
我今天一直在四处寻找,但我看不出有什么办法可以指示浏览器完全做到这一点。
我能想到的最好的方法是代替 <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,在本例中为图像。
关于html - 如何禁用 <embed> 的自动加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/339243/