Estoy intentando que mis miniaturas de YouTube incrustadas utilicen imágenes de alta resolución. En este momento son granulados de baja resolución.
El problema aquí es que tengo las incrustaciones dentro de un acordeón que comienza cerrado/colapsado. El equivalente CSS de esto es display: none;
Cuando se abre/expande el acordeón, el equivalente CSS es display: block;
Si la página se carga con el acordeón cerrado/contraído, YouTube muestra la imagen de baja resolución. Si se carga con el acordeón abierto/expandido, YouTube proporciona la imagen de alta resolución. Supongo que esto se debe a que el tamaño del iframe no se reconoce a menos que la página esté cargada con el acordeón abierto (pantalla: bloque;). Necesito que todos mis acordeones comiencen cerrados (mostrar; ninguno;) y permitir que el usuario los abra a su discreción, DESPUÉS de que la página ya esté cargada. Pero cuando los abren/expanden, necesitan ver la miniatura de alta resolución adecuada.
¿Cómo puedo lograr esto en todo el sitio? ¿Quizás a través de una corrección de CSS o algo así?
Necesito una solución universal para todo el sitio porque ya he creado cientos de estos videos incrustados de acordeón en todo el sitio. Y por alguna razón, este problema surgió hace aproximadamente una semana. No puedo entender qué lo causó por mi parte. Quizás YouTube cambió algo en la forma en que sirve o almacena las miniaturas de los videos. No sé. Así que ahora cada uno de mis acordeones con incrustaciones está jodido SMH… Si se proporciona una solución para una sola incrustación de acordeón o iframe, tendría que buscar y editar cada uno de ellos de forma independiente, lo cual no va a suceder.
¿Alguien puede ayudar? Aquí hay un enlace a una página de solución de problemas.
iFrame Embedded YouTube Video – Grainy Lo-Res Thumbnail Problem In Accordion
La página con la que necesito ayuda: [log in to see the link]