¿Cómo deshabilitar AutoLoad para < embed > ;?

Question

Inserté un reproductor multimedia predeterminado en mi página web con el siguiente html

< object height = " 20 " ancho = " 200 " >  < incrustar src = " url a la música " inicio automático = " falso " bucle = " falso " altura = 20 '' ancho = " 200 " > < / object >

Cada vez que voy al sitio web, este objeto descarga automáticamente la música. ¿Cómo puedo desactivar la descarga automática? Quiero que se cargue solo cuando alguien haga clic en el botón de reproducción.

Answer 1

He estado buscando hoy, y no veo forma de indicarle al navegador que haga exactamente eso.

La mejor manera en que puedo pensar es en lugar del < object ... > , muestra una imagen que se parece al reproductor, luego agrega una propiedad onclick a la imagen, y usas javascript para reemplazar la imagen con el objeto real. Algo así 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>

Debo agregar que debe mantener el < div > alrededor de la imagen (o poner un < span > , o cualquier etiqueta que le parezca adecuada) la acción onclick reemplaza parentNode.innerHTML , es decir, el HTML contenido en el padre, que en este caso es la imagen.