Pregunta sobre a3 Lazy Load de Wordpress:

Cuando una opci贸n de video est谩 activada, la imagen de carga diferida es demasiado grande

Un usuario pregunt贸 馃憞

Soy el usuario de Divi Theme que le hizo la pregunta acerca de su plugin que funciona con el m贸dulo de video Divi. Activ茅 su plugin y encend铆 la opci贸n Video / iframe.

Las miniaturas de video en la p谩gina son demasiado grandes y no pude averiguar c贸mo hacerlas receptivas usando CSS, ya que parece estar codificado en el iframe de carga diferida.

Vea la imagen del problema aqu铆
https://www.digitalsignageexpo.net/wp-content/uploads/a3_lazy_load_video_size_issue.jpg

En la pantalla tengo un ejemplo de c贸mo deber铆an verse los videos y c贸mo se ven cuando la opci贸n de video / iframe est谩 activada.

Debido a que la p谩gina est谩 activa, ahora tuve que desactivar la opci贸n de video / iframe.

Aprecio tu ayuda. CommMgr

(@commmgr)

Hace 10 meses, 2 semanas

Hola de nuevo鈥

Tambi茅n la ruleta y se desvanecen en un gran espacio cuadrado en el que deber铆a estar la imagen. Esto est谩 creando estragos con los logotipos que tengo en las diapositivas, ya que hace que el tama帽o del control deslizante salte mientras se cargan los logotipos.

Vea una foto del problema aqu铆
https://www.digitalsignageexpo.net/wp-content/uploads/a3_lazy_load_attendee_logo_issue.jpg

Tuve que deshabilitar el enchufe del cargador perezoso ahora.

Apreciamos su ayuda. CommMgr

(@ jinsley8)

Hace 10 meses, 1 semana

Tengo el mismo problema con el m贸dulo de video tem谩tico Divi.

Agrega altura y ancho a un iframe enorme.

(@ a3rev)

Hace 10 meses, 1 semana

Hola @ jinsley8

Lo siento, no tengo el tema divi para verificar cu谩l es el problema aqu铆. 驴Puedes vincular a una p谩gina de tu sitio donde pueda ver ese problema?

Steve

(@commmgr)

Hace 10 meses, 1 semana

Hola Steve …

Tuve que deshabilitar su plugin debido al problema porque esa p谩gina estaba activa. Jinsley8 puede tener una p谩gina que puede revisar.

Realmente quiero usar tu plugin, as铆 que espero que puedas resolverlo.

CommMgr

(@ jinsley8)

Hace 10 meses, 1 semana

@ a3rev Esta p谩gina estar谩 disponible en 24 horas, pero hay un video en esta p谩gina.

https://wordpress-239388-1181465.cloudwaysapps.com/

(@ a3rev)

Hace 10 meses, 1 semana

@ jinsley8 @commmgr

Gracias, miraste y se parece a Divi Video e iframe blockchain y agrega un atributo de ancho y alto. De la foto publicada por @commmgr y el video en su sitio tiene el mismo valor

Ejemplo
<div class="et_pb_video_box"><iframe class="lazy lazy-hidden" title="Computer Guided Bone Augmentation" width="1080" height="608" data-lazy-type="iframe"

a3 Carga perezosa cuando cambia la activaci贸n de src al ocupante muy peque帽o y luego carga perezosa el src original nuevamente cuando est谩 a la vista.

Est谩 viendo el tama帽o 1080 x 608 porque ese es el atributo src establecido por el m贸dulo de video divi. a3 Una carga diferida no cambia eso, y carga esa cantidad porque eso es lo que src le dice al navegador que haga.

Al mirar el sitio @commmgr, veo que los videos no est谩n realmente cargados, tiene una imagen residente ponderada. Luego, cuando se hace clic en la imagen, se carga el video iframe. 驴Es una caracter铆stica perezosa de Divi para video o tiene un plugin instalado para hacer eso?

Si se trata de una carga lenta de video Divi, puede desactivar la funci贸n de iframe de video cargado a3 perezoso y usar la funci贸n de video divi.

Esta respuesta fue modificada hace 10 meses, hace una semana por.

(@ jinsley8)

Hace 10 meses, 1 semana

Este es el c贸digo de iframe cuando A3 Lazy Load est谩 activo:

<div class="et_pb_video_box">
<iframe class="lazy-loaded" title="Computer Guided Bone Augmentation" width="1080" height="608" data-lazy-type="iframe" data-src="https://www.youtube.com/embed/Ho9bESMNmts?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" src="https://www.youtube.com/embed/Ho9bESMNmts?feature=oembed"></iframe>
<noscript><iframe title="Computer Guided Bone Augmentation" width="1080" height="608" src="https://www.youtube.com/embed/Ho9bESMNmts?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript>
</div>

Ahora aqu铆 est谩 el c贸digo del m贸dulo de video cuando la carga diferida est谩 apagada:

<div class="et_pb_video_box">
<div class="fluid-width-video-wrapper" style="padding-top: 56.2963%;">
<iframe title="Computer Guided Bone Augmentation" src="https://www.youtube.com/embed/Ho9bESMNmts?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" name="fitvid0"></iframe>
</div>
</div>

Tiras de carga diferida que comparten la carpeta de video de ancho fluido y agregan ancho / alto.

(@commmgr)

Hace 10 meses, 1 semana

Primero, @ jinsley8鈥 gracias por proporcionar una hoja de trabajo para que Steve pudiera ver un m贸dulo de video Divi.

En segundo lugar, @ steve … en la primera imagen que publiqu茅, los videos en la parte superior de los videos parecen usar un m贸dulo de video Divi. El m贸dulo Divi solo tiene el tama帽o correcto … y el tama帽o responde.

Solo cuando activo su plugin, las im谩genes en miniatura del video se ampl铆an.

Vea esta imagen del c贸digo del m贸dulo Divi, sin su plugin:
https://www.digitalsignageexpo.net/wp-content/uploads/a3_lazy_load_video_size_issue2.jpg

Tambi茅n hay una pregunta sobre el tama帽o de su 芦ruleta禄 agregando un gran espacio gr谩fico al cargar una imagen, y si esa imagen no tiene la misma altura / ancho que el tama帽o de su ruleta, hace que las im谩genes se deslicen. saltando.

Gracias por tu ayuda. CommMgr

(@commmgr)

Hace 10 meses, 1 semana

@ jinsley8 … gracias por publicar ese c贸digo.

CommMgr

(@ a3rev)

Hace 10 meses, 1 semana

@commmgr @ jinsley8

Gracias por tu trabajo en esto.

A este respecto:

en la primera imagen que publiqu茅, los videos en la parte superior se parecen a los videos que usan el m贸dulo de video Divi. El m贸dulo Divi solo tiene el tama帽o correcto … y el tama帽o responde.

Solo cuando activo su plugin, las im谩genes en miniatura del video se ampl铆an.

Lo que hace el m贸dulo de video divi es cargar la imagen de video primero: cuando hace clic en la imagen, carga el c贸digo incrustado de iframe de Youtube: este es el c贸digo que ejecuta divi cuando hace clic en la imagen

<div class="fluid-width-video-wrapper" style="padding-top: 56.2963%;">
<iframe title="Computer Guided Bone Augmentation" src="https://www.youtube.com/embed/Ho9bESMNmts?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" name="fitvid0"></iframe>
</div>

Ese script que ejecutan al hacer clic elimina el atributo de ancho y alto del iframe de Youtube y agrega el script de fitvid.

a3 Lazy Loader no puede ver ese script, solo obtiene el video de Youtube incrustado en iframe que tiene el atributo de ancho y alto, por lo que el tama帽o no responde.

No s茅 por qu茅 no usan el script principal de WordPress incorporado para el m贸dulo de video. Hay soporte autom谩tico para cambiar el tama帽o. Para mostrarte lo que quiero decir, cre茅 una p谩gina de demostraci贸n con @commmgr Youtubes.

WordPress 5.3.2 es la demostraci贸n con el tema predeterminado de 2019, utilic茅 Kadence Row Block para crear las tarjetas de video. La carga tambi茅n es lenta en el sitio.

En el primer conjunto de bloques, los videos est谩n incrustados con el bloque de Youtube de WordPress, simplemente agregue el bloque y copie la URL del video en 茅l y haga clic en incrustar.

La segunda fila crea los videos copiando y pegando la URL del video de YouTube en un bloque de elementos. Las columnas se crean con el bloque en una fila.

Aqu铆 hay un enlace a la exposici贸n

Hay otra demostraci贸n que puede ver que muestra c贸mo se agrega el video al c贸digo incrustado de YouTube que tampoco puede cambiar de tama帽o: es el tercer video y puede ver lo que quiero decir con escena del tel茅fono. este es ese programa. Ese se aplica a este ticket de soporte

En pocas palabras: as铆 es como se hace el bloque Divi Video con el que ning煤n plugin de carga diferida puede funcionar (porque obtiene el iframe incrustado de Youtube que tiene un atributo de ancho y alto y eso es lo que cargan los navegadores ).

Lo 煤nico que puede cargar perezosamente el video en un tama帽o receptivo es el script divi que est谩 lejos de ser ideal.

Adem谩s, no excluyen ni el nombre de la clase ni el atributo universal que permitir铆a Lazy Loading a3 o cualquier otra carga diferida excluir los videos. Si esto estuviera presente, cualquier plugin de carga perezosa podr铆a ignorar los videos y permitir que un divi perezoso los cargue.

Estos son: Exclusi贸n por nombre de clase <video class="skip-lazy">
o Exclusi贸n por atributos <video data-skip-lazy>

Si pudieran apoyar a uno de esos, todo estar铆a bien.

Espero que el conocimiento ayude

Steve

(@ jinsley8)

Hace 10 meses, 1 semana

Gracias por tu tiempo revisando esto. Puedo enviar este hilo al soporte de Divi ahora y ver qu茅 tienen que decir al respecto.

(@ a3rev)

Hace 10 meses, 1 semana

Hola @ jinsley8

Est谩 bien, d茅jame saber qu茅 te devuelven.

Steve

(@ a3rev)

Hace 10 meses

Hola @ jinsley8

驴Tiene alguna actualizaci贸n sobre los comentarios sobre esto de la gente de Divi?

Steve

(@ jinsley8)

Hace 10 meses

No, la compatibilidad con Elegant Themes no se utiliza.

Simplemente me dijeron que usara una carga lenta de Smush o Smush Pro. Es el mismo problema que causa esta carga perezosa.

Les dije esto y luego dijeron que deshabilitaran la carga de video perezosa en A3 entonces. Dije que lo estoy usando porque necesito un mont贸n de videos.

Entonces me transfirieron a otro chico que luego dijo que solo usara uno de estos:
https://divi.space/plugins/top-6-lazy-load-plugins-to-make-your-wordpress-site-faster/

jaja, nada funciona.

(@ a3rev)

Hace 9 meses, 4 semanas

Hola @ jinsley8

S铆, dije en una respuesta anterior despu茅s de profundizar en el c贸digo de su m贸dulo de video

En pocas palabras: as铆 es como se hace el bloque Divi Video con el que ning煤n plugin de carga diferida puede funcionar (porque obtiene el iframe incrustado de Youtube que tiene un atributo de ancho y alto y eso es lo que cargan los navegadores ).

y ahora lo ha confirmado con su prueba.

El 煤nico trabajo que termin贸 y no s茅 si esto es algo que pueda hacer es reconstruir las p谩ginas que tienen los videos con el editor de Gutenberg como les mostr茅 en las 2 demostraciones en esta respuesta

Cambiar茅 el estado de sus boletos a ‘Planificado’鈥. Este no es el caso, pero debido a que se agot贸 todo el tiempo y pidi贸 a los desarrolladores del M贸dulo de video Divi que hicieran algo con lo que los plugins de Lazy 3rd Party puedan trabajar, no hay nada m谩s que podamos hacer.

A煤n puede responder si lo desea.

Steve

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *