Comment désactiver le chargement automatique pour < embed > ;?

Question

J'ai incorporé un lecteur multimédia par défaut dans ma page Web avec le code html suivant

< object height = " 20 " width = " 200 " >  < intégrer src = " url à la musique " autostart = " false " boucle = " faux " hauteur = " 20 " width = " 200 " > < / object >

Chaque fois que je vais sur le site Web, cet objet télécharge automatiquement la musique. Comment puis-je désactiver le téléchargement automatique? Je veux que ce ne soit chargé que lorsque quelqu'un clique sur le bouton de lecture.

Answer 1

J'ai regardé autour de moi aujourd'hui et je ne vois aucun moyen de demander au navigateur de faire exactement cela.

La meilleure façon de penser est de remplacer le < objet ... > , vous affichez une image qui ressemble au lecteur, puis vous ajoutez une propriété onclick à l'image, et vous utilisez javascript pour remplacer l'image par l'objet réel. Quelque chose comme:

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

J'ajouterais que vous devez conserver le < div > autour de l'image (ou mettre un < span > , ou toute autre balise que vous jugerez utile), car l'action onclick remplace parentNode.innerHTML , c'est-à-dire le code HTML contenu dans le parent, qui dans ce cas correspond à l'image.