Html 如何为<;禁用自动加载;嵌入>;?

Html 如何为<;禁用自动加载;嵌入>;?,html,embed,Html,Embed,我用以下html将默认媒体播放器嵌入到我的网页中 每次我去这个网站,这个对象都会自动下载音乐。如何禁用自动下载?我希望只有当有人单击“播放”按钮时才能加载它。我今天一直在四处查看,我看不到任何方法可以指示浏览器执行此操作 我能想到的最好的方法是,不使用,而是显示一个看起来像播放器的图像,然后向图像添加onclick属性,然后使用javascript将图像替换为真实对象。比如: <div><img src="player.png" onclick="this.parent

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



每次我去这个网站,这个对象都会自动下载音乐。如何禁用自动下载?我希望只有当有人单击“播放”按钮时才能加载它。

我今天一直在四处查看,我看不到任何方法可以指示浏览器执行此操作

我能想到的最好的方法是,不使用
,而是显示一个看起来像播放器的图像,然后向图像添加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>
”>

我应该补充一点,您必须在图像周围保留
(或放置
,或任何您认为合适的标签)因为onclick操作替换了
parentNode.innerHTML
,也就是父对象中包含的HTML,在本例中,它就是图像。

请尝试“代码示例”按钮来显示HTML标记,而不是手动将其替换为大括号,然后告诉读者(将{替换为