Pergunta

Incorporei um media player padrão na minha página da web com o seguinte HTML

<object height="20" width="200"> <embed src="url to music" autostart="false" loop="false" height="20" width="200"> </object>

Toda vez que vou ao site, esse objeto baixa automaticamente a música. Como posso desativar o AutoDownload? Quero carregar apenas quando alguém clicar no botão Play.

Foi útil?

Solução

Eu tenho olhado hoje e não vejo como instruir o navegador a fazer exatamente isso.

A melhor maneira de pensar é em vez do <object ...>, você exibe uma imagem que se parece com o jogador e adiciona uma propriedade OnClick à imagem e usa o JavaScript para substituir a imagem pelo objeto real. Algo como :

  <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>

Devo acrescentar que você tem que manter o <div> ao redor da imagem (ou coloque um <span>, ou qualquer tag que você ache em forma) porque a ação onclick substitui parentNode.innerHTML, isto é, o HTML contido no pai, que neste caso, é a imagem.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top