Portada del sitio > Documentos Internos > Ajustar Play de los Videos
Ajustar Play de los Videos
Lunes 3 de julio de 2017, por
La imagen de los videos la podemos encontrar acá:
http://www.laizquierdadiario.com/squelettes/assets/images/video-play.png
Ejemplos de imágenes: http://www.laizquierdadiario.com/Spots2017
1- Probar un Play más con una imagen apenas más transparente y apenas más chica.
Sin modificar el sitio, sino que creando una nueva imagen, por ejemplo:
http://www.laizquierdadiario.com/squelettes/assets/images/video-play1.png
http://www.laizquierdadiario.com/squelettes/assets/images/video-play2.png
http://www.laizquierdadiario.com/squelettes/assets/images/video-play3.png
Dejarlas subidas en el servidor sin que se usen.
Para las imágenes con el mismo tamaño, de distinta opacidad, no hace falta tocar estilos, ya que modificando el nombre de la imagen en el navegador, se pueden probar.
En cambio, las pruebas de imágenes, con distinto tamaño, deberán ir acompañadas también por las lineas de estilos correspondientes a cada una según su tamaño.
2- Probar también distintas imágenes de "hover", por ejemplo: http://www.laizquierdadiario.com/squelettes/assets/images/video-play-red.png
http://www.laizquierdadiario.com/squelettes/assets/images/video-play1-red.png
http://www.laizquierdadiario.com/squelettes/assets/images/video-play2-red.png
y agregar también la correspondiente línea del estilo que agrega el hover.
Agregar hover rojo optimizado: /images/video-play-hover.png
Luego comprimir y subir ambas versiones. Borrar las imágenes play que no van.
3- Agregar la imagen de play a las gacetillas, cuando sean video:
4- Agregar Play de video en gacetillas
Esqueletos implicados: gacetilla-seccion.html -> gacetilla-nota-destacada -> Hay que ver donde insertar el Play
Pasos a seguir:
A) Probar en el navegador: Agregar tanto html como estilos para que aparezca el play (en todos los casos). Guardar en la nota las modificaciones
B) Luego, hacer una copia de gacetilla-seccion.html como gacetilla-seccion2.html y de gacetilla-nota-destacada.html como gacetilla-nota-destacada2.html.
De maera que cuando llames a http://www.laizquierdadiario.com/spip.php?page=gacetilla-seccion2&id_mot=12579 use el esqueleto de nota destacada2.
Probar, primero, agregar el Play en todos los casos
C) Luego probar con el siguiente código:
<B_videos>
<BOUCLE_videos(DOCUMENTS){id_article}{extension==(html|mp4|flv|m3u)}{par date}{inverse}{0,1}>
VER VIDEO <a href="[(#URL_DOCUMENT|obtenerLink)]" target="_blank">[(#URL_DOCUMENT|obtenerLink)]</a>
</BOUCLE_videos>
</B_videos>Este código, lo que hace es: Traer los documentos adjuntos (bucle DOCUMENTS), del artículo dentro del bucle de artículo id_article, cuya extensión sea html y otras.
De el úlitmo par dateinverse0,1. Para estos casos muestra esto: VER VIDEO Link del video
Lo que hay que hacer es agregar el código necesario para que aparezca el play, dentro del bucle, de manera que el código del Play se agregue solamente para los artículos con video.
5- Ver como mejorar la gacetilla de artículos:
http://www.laizquierdadiario.com/spip.php?page=gacetilla-articulo&id_article=78923
Tanto para los que tienen videos, como para el resto. El objetivo es que se pueda copiar y pegar en el cuerpo del correo y se vea bien al enviar.
Para esto trabajar de manera similar a lo anterior creando gacetilla-articulo2.html