Come disabilitare AutoLoad per < embed > ;?

Question

Ho incorporato un lettore multimediale predefinito nella mia pagina web con il seguente html

< altezza oggetto = " 20 " larghezza = " 200 " >  < embed src = " url to music " autostart = " falsa " loop = " falsa " altezza = " 20 " larghezza = " 200 " > & Lt; / oggetto >

Ogni volta che vado sul sito Web, questo oggetto scarica automaticamente la musica. Come posso disabilitare il download automatico? Voglio che si carichi solo quando qualcuno fa clic sul pulsante di riproduzione.

Answer 1

Mi sono guardato in giro oggi e non vedo alcun modo per istruire il browser a fare esattamente questo.

Il modo migliore che mi viene in mente è invece di < object ... > , visualizzi un'immagine che assomiglia al giocatore, quindi aggiungi una proprietà onclick all'immagine, e usi javascript per sostituire l'immagine con l'oggetto reale. Qualcosa del tipo:

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

Dovrei aggiungere che devi mantenere < div > attorno all'immagine (o mettere un < span > , o qualunque tag tu ritenga opportuno) perché l'azione onclick sostituisce parentNode.innerHTML , ovvero il codice HTML contenuto nel parent, che in questo caso è l'immagine.