Gracias a Mandelrot que nos comentó que había publicado este sistema en su blog, conocimos otra forma de conseguir el truco para insertar sólo audio desde YouTube.En aquel, dejábamos la carátula del reproductor sin la parte de vídeo y luego podíamos ir acortando lo que quedaba por el centro. Pero siempre nos quedaban las puntas; al menos el botón del play, el del volumen y el de pantalla completa. Sin embargo, con este otro sistema podremos truncar por la derecha.
Para empezar, al iframe del reproductor original le cambiamos igualmente la altura por 27px. Lo diferente ahora es que luego metemos todo dentro de un div más pequeño que el reproductor y a ese div le añadimos un overflow:hidden; para que trunque el contenido y no se vea la parte derecha.
Así, esto...
...lo transformamos en esto:
Para calcular el ancho del div, usamos estas medidas de la barra del reproductor:
Por tanto, para quitar el primer trozo de la derecha, restamos al ancho del código original la cantidad de 173px. (425-173=252px, en el ejemplo)
Si queremos reducirlo más para dejar sólo los dos primeros botones, entonces fijamos el div en 63px.
Y si queremos un auténtico reproductor minimalista, lo dejamos en 32px:
Imprimir artículo
No hay comentarios:
Publicar un comentario