Foros del Web » Soporte técnico » Ayuda General »

[SOLUCIONADO] Como quitar parte de un codigo?

Estas en el tema de Como quitar parte de un codigo? en el foro de Ayuda General en Foros del Web. Hola tengo el siguiente código: https://codepen.io/anon/pen/NQvxZW y quisiera quitar la foto miniatura del video, al quitarla literalmente del código lo que sucede es que si ...
  #1 (permalink)  
Antiguo 01/08/2019, 12:25
 
Fecha de Ingreso: agosto-2014
Mensajes: 285
Antigüedad: 5 años, 4 meses
Puntos: 4
Pregunta Como quitar parte de un codigo?

Hola tengo el siguiente código: https://codepen.io/anon/pen/NQvxZW y quisiera quitar la foto miniatura del video, al quitarla literalmente del código lo que sucede es que si clicas en el fondo negro no se reproduce el video..

Muchas Gracias
  #2 (permalink)  
Antiguo 01/08/2019, 14:46
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.591
Antigüedad: 11 años, 10 meses
Puntos: 1099
Respuesta: Como quitar parte de un codigo?

Claro, es mas que obvio, es porque el contenedor que tiene el listener toma el alto y ancho del contenido, si quitas la imagen este queda reducido al icono de play, para corregirlo deberas meter otro elemento en su lugar o bien hacer que el play abarque todo el ancho.


Si te fijas al hacer click sobre el icono de play sigue funcionando
  #3 (permalink)  
Antiguo 01/08/2019, 15:20
 
Fecha de Ingreso: agosto-2014
Mensajes: 285
Antigüedad: 5 años, 4 meses
Puntos: 4
Respuesta: Como quitar parte de un codigo?

Cita:
Iniciado por ArturoGallegos Ver Mensaje
Claro, es mas que obvio, es porque el contenedor que tiene el listener toma el alto y ancho del contenido, si quitas la imagen este queda reducido al icono de play, para corregirlo deberas meter otro elemento en su lugar o bien hacer que el play abarque todo el ancho.


Si te fijas al hacer click sobre el icono de play sigue funcionando
Si, gracias! probé de hacer el container 100% de alto y ancho con css pero no ha funcionado, no entiendo por que..

La unica solucion seria poner una imagen negra? seria un poco sin sentido o si

Muchas gracias compa..
  #4 (permalink)  
Antiguo 02/08/2019, 12:51
 
Fecha de Ingreso: agosto-2014
Mensajes: 285
Antigüedad: 5 años, 4 meses
Puntos: 4
Respuesta: Como quitar parte de un codigo?

ni idea verdad?
  #5 (permalink)  
Antiguo 02/08/2019, 19:11
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.591
Antigüedad: 11 años, 10 meses
Puntos: 1099
Respuesta: Como quitar parte de un codigo?

No, no es que no tenga idea.... solo aveces no tengo mucho tiempo.

Como te dije en mi mensaje anterior
Cita:
para corregirlo deberas meter otro elemento en su lugar
Mira es tan facil como cambiar esto
Código Javascript:
Ver original
  1. function labnolThumb(id) {
  2.  var thumb = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">',
  3.  play = '<div class="play"></div>';
  4.  return thumb.replace("ID", id) + play;
  5.  }

con esto
Código Javascript:
Ver original
  1. function labnolThumb(id) {
  2.   return '<div><div class="play"></div></div>';
  3.  }

y en el CSS cambias esto
Código CSS:
Ver original
  1. .youtube-player img {
  2.         bottom: 0;
  3.         display: block;
  4. ....

por esto
Código CSS:
Ver original
  1. .youtube-player > div {
  2.         bottom: 0;
  3.         display: block;
  4. ....
  5. }

Tema resuelto.
  #6 (permalink)  
Antiguo 03/08/2019, 09:09
 
Fecha de Ingreso: agosto-2014
Mensajes: 285
Antigüedad: 5 años, 4 meses
Puntos: 4
Exclamación Respuesta: Como quitar parte de un codigo?

Mil Gracias amigo! sin tu ayuda dudo que lo haya podido lograr... llevo no se cuanto saños en fororosdelweb y me has ayudad un monton en mis proyectos gracias de corazon!

Cita:
Iniciado por ArturoGallegos Ver Mensaje
No, no es que no tenga idea.... solo aveces no tengo mucho tiempo.

Como te dije en mi mensaje anterior


Mira es tan facil como cambiar esto
Código Javascript:
Ver original
  1. function labnolThumb(id) {
  2.  var thumb = '<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg">',
  3.  play = '<div class="play"></div>';
  4.  return thumb.replace("ID", id) + play;
  5.  }

con esto
Código Javascript:
Ver original
  1. function labnolThumb(id) {
  2.   return '<div><div class="play"></div></div>';
  3.  }

y en el CSS cambias esto
Código CSS:
Ver original
  1. .youtube-player img {
  2.         bottom: 0;
  3.         display: block;
  4. ....

por esto
Código CSS:
Ver original
  1. .youtube-player > div {
  2.         bottom: 0;
  3.         display: block;
  4. ....
  5. }

Tema resuelto.



La zona horaria es GMT -6. Ahora son las 15:58.