Anular el botón play de un reproductor
Estoy en pleno proceso de hacerme una web de una radio online que tengo, este es el pequeño problema que seguro para un experto será una tontería. Uso el reproductor online de la radio donde me he dado de alta y en esta se reproducen las caratulas de los discos que suenan. Yo solo quiero utilizar lo del cambio de caratula cuando cambia la canción pero hay un botón de play que si pasas el ratón por encima de la foto puedes encender o apagar, el problema es que yo uso otro reproductor y quisiera saber si puedo poner algo encima que sea trasparente que anule en botón pero se vea la caratula.
1 respuesta
http://www.80ypopfm.es/# esta es la web. veras que a la izquierda de la caratula hay un reproductor de audio, bueno debajo de ese existe el original del servidor que lleva el boton play y se extiende a todo se reproductor incluida la foto de la caratula y el titulo, bien, pues esté es el que quiero anular.
Simplemente introduce este código entre el ID "image13" y el "image14"
<div id="testo" style="position:absolute; overflow:hidden; left: 390px; top: 350px; width: 372px; height: 160px; z-index: 26;"></div>
Debería funcionarte, a mi me deja seguir usando el player pero me capa la caratula y lo que hay detrás.
Perdona por mi desconocimiento, pero no entiendo lo de insertar esoentre las imágenes 13 y 14. ¿Me puedes hacer esto ms de novato total?
Si abres tu archivo index.html con Dreamweaver o incluso con el Bloc de notas, veras un montón de código.
Busca estas líneas:
<div id="image13" style="position:absolute; overflow:hidden; left:331px; top:314px; width:433px; height:47px; z-index:26"><img src="images/paste35.jpg" alt="" title="" border="0" width="433" height="47"></div><div id="image14" stYle="position:absolute; overflow:hidden; left:342px; top:356px; width:280px; height:87px; z-index:27"><img src="images/paste35.jpg" alt="" title="" border="0" width="280" height="87"></div>
y lo sustituyes por esto:
<div id="image13" style="position:absolute; overflow:hidden; left:331px; top:314px; width:433px; height:47px; z-index:26"><img src="images/paste35.jpg" alt="" title="" border="0" width="433" height="47"></div><div id="testo" style="position:absolute; overflow:hidden; left: 390px; top: 350px; width: 372px; height: 160px; z-index: 26;"></div><div id="image14" style="position:absolute; overflow:hidden; left:342px; top:356px; width:280px; height:87px; z-index:27"><img src="images/paste35.jpg" alt="" title="" border="0" width="280" height="87"></div>
Lo guardas, lo subes al servidor y listo.
