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