Как отключить автозагрузку для <embed>?

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, содержащийся в parent, который в данном случае является изображением.