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.
La solution
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.