Que tal se ve esta galeria de videos youtube que he creado necesito opiniones?

Ereboss dijo:

Se ve bien, lo único que le cambiaría sería el título, que se viera entero.

Hacer clic para expandir...

eldoradodigital dijo:

No entiendo exactamente qué es pero el aspecto físico es muy atractivo y sugerente. Las numeraciones le restan algo de puntos y como dijeron arriba los títulos cortados restan entusiasmo.

Hacer clic para expandir...

Hugo7 dijo:

Hola [MENTION=78401]davidtorresruiz[/MENTION],

Me gusta la galería, está muy bien lograda...
Pero si quieres, se puede mejorar en lo siguiente...

1. Que no se vean las franjas negras de los videos (como en Youtube)...
2. Eso dará espacio para el título, creo que 2 líneas de texto está bien...
3. Cuando pase el cursor del mouse sobre los links, que aparezca la manito clásica...

:encouragement: Pero muy bueno el trabajo, sigue avanzando!

Saludos,
Hugo

Hacer clic para expandir...

davidtorresruiz dijo:

Hola amigo primero no se como eliminar la franja negra por que estoy trabajando con la API de YouTube y esta tomandome la imagen original de las miniaturas. Creo que se me escapa de las manos esa parte lastimosamente vale.

Segundo ya pude modificar un poco el titulo de cada vdeo, recuerda que estoy trabajando con HTML, PHP, Mysql, API3 de Youtube y si coloco que se vea el titulo del video completo en la red social de youtubers e influencers que estoy creando se descuadraria los recuadros como un ejemplo que te mostrare en imagen.

Tercero me rendi por mas de probar con 4 formas diferentes en style de cambiar el cursor del mouse al pasar por la imagen o titulo no logro cambiar y intente una vez mas con un script y nada, yo creo que alguna programacion de la API de YouTube o del style de la web esta bloqueando el cursor de todas maneras seguire intentando por que se debe de ver bien chido.

Hacer clic para expandir...

background: url(http://img.youtube.com/vi/IsKIVMBd_64/0.jpg) center center no-repeat;
    background-size: cover;
    height: 55px !important;
    width: 100px !important;

Hugo7 dijo:

Te entiendo [MENTION=78401]davidtorresruiz[/MENTION],

No te preocupes, te ayudo con esto; todo lo puedes resolver con CSS...
Y modificando Muy poco el HTML, para que los estilos te funcionen...

1. Por lo que veo, el tamaño de IMG de la vista previa siempre es la misma; entonces yo lo resolvería de la siguiente forma, siempre con CSS; Primero cargo el SRC de la imagen con un pixel transparente y luego cargo la imagen preview del video por CSS usando "background"...
Te dejo una captura de pantalla, ya funcionando y el código CSS de ejemplo (completamente funcional): https://i.imgur.com/HUme5Lk.png

Insertar CODE, HTML o PHP:

background: url(http://img.youtube.com/vi/IsKIVMBd_64/0.jpg) center center no-repeat;
    background-size: cover;
    height: 55px !important;
    width: 100px !important;

2. El título de los videos deberías agregarlo completo y por CSS limitas su espacio, para lograrlo, como dije antes, deberás modificar un poco tu HTML, pero te dejo una referencia online, para que lo veas tu mismo (sé que funciona): text-overflow - CSS | MDN


3. Con "inspeccionar elemento" del navegador, prueba quitar la instrucción CSS que dice "cursor: default;"... eso ahora indica que se mostrará un cursor específico... y quitándolo... mostrará el cursor correspondiente a los enlaces, o sea, la manito... y no tan solo para esa sección... para todo el sitio web... esto ayudará a mejorar la experiencia del usuario... te dejo una captura... obviamente luego de probar esto, deberás editar la línea correspondiente del archivo CSS: https://i.imgur.com/0loDHKJ.png


😱nthego: Construyendo esta respuesta se me fueron muchos minutos, jaja, :encouragement: pero te respondí con mucho gusto...
Sin embargo No voy a volver sobre este tema, porque tengo otras actividades pendientes, espero que lo puedas resolver...

:encouragement: Suerte con tu proyecto amigo!

Saludos,
🙂 Hugo

Hacer clic para expandir...

eldoradodigital dijo:

Se ve mejor al mostrar más grande el título, y lo de las franjas negras no me afecta para nada, antes creo qe queda bien y se nota que es algo que no puedes controlar. Yo lo veo bien, mejor, se nota que estás intentando algo.

Hacer clic para expandir...