Как отключить автозагрузку для <embed>?
Я встроил медиаплеер по умолчанию на свою веб-страницу со следующим html
<object height = "20" width = "200">
<embed src = "url to music" autostart = "false" loop = "false" height = "20" width = "200">
</object>
Каждый раз, когда я захожу на сайт, этот объект автоматически скачивает музыку. Как отключить автозагрузку? Я хочу, чтобы он загружался только тогда, когда кто-то нажимает кнопку воспроизведения.
Ответы 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, содержащийся в родительском элементе, который в данном случае является изображение.
Попробуйте воспользоваться кнопкой примера кода, чтобы отобразить теги HTML, вместо того, чтобы вручную заменять их фигурными скобками, а затем предлагать читателям (заменить {на <). Когда вы это сделаете, вы даже получите причудливую подсветку синтаксиса.