Вопрос

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top