Video de Youtube en la Home  

Hola Fermin.

¿ Cómo estás añadiendo el Video ? es un slider, una página ?

Lo normal es que utilices es iframe ofrece youtube.

Si estás añadiendo el video con el iframe en HTML, para hacerlo responsive tienes que envolverlo en un div.

Lo primero será añadir el código CSS en tu archivo de estilos:

.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.embed-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

una vez añadido el estilo, el iframe del video lo envuelves con un div:

Si te fijas en el código del Iframe verás que del código elimine las etiquetas que añade Youtube con el tamaño del video " width="560" height="315" "

Un saludo

Estbába puesto en el Background de una página.

Hice lo que me indicabas, modifiqué primero la hoja de estilos y luego copié el código iframe y lo envolví con el div.

Todo está casi perfecto de no ser porque el tema este no me hace ni caso.

Yo escribo:

Y al darle a guardar, me lo transforma en esto:

He intentado meter el autoplay de 20 formas distintas pero no sé que le pasa a esta plantilla..

Hola Fermin.

Y al darle a guardar, me lo transforma en esto:

Prueba a eliminar los tamaños de la URL " width="300" height="150" "

No añadas las demás etiquetas.

Veo que utilizas DIVI como constructor, revisa esta documentación:
-> https://www.elegantthemes.com/blog/divi-resources/ultimate-guide-to-divi-video

Un saludo

No me suena DIVI, el que utilizo es Salient Visual Composer.

Hola fermin.

perdon Visual composer:
-> https://visualcomposer.com/help/design-options/video-background/

Un saludo

He probado con esa guia y tampoco me ha servido.

He intentado redimensionar el video y los containers con código CSS y no consigo dejar bien el video.
He probado incrustando el video con iframe metiendolo en embed-container y tampoco consigo que quede bien dimensionado con el autoplay activo.

Hay algún otro método? Tocando la libreria de JS?

Hola Fermín,

Lo que sucede con la plantilla puede explicarse de la siguiente manera:

1. No está actualizada, parece ser que tienes la versión 8.X y la más reciente es la 10.5. Mi consejo es que actualices
2. Si Wordpress te cambia el código al momento de guardar una página es señal de que hay un error de sintaxis en el código insertado y/o hay un conflicto entre plugins y tema o entre visual composer y alguna librería JS de un plugin.

También podría estar afectando algún plugin de caché, como W3 Total Cache. Te recomiendo visitar la documentación del tema en el siguiente enlace https://themenectar.ticksy.com, así mismo si no tienes planes de actualizar tu tema tampoco deberías actualizar los plugins que trae consigo pero si es tu deseo trabajar con la versión actual que tienes entonces podrías volver a importar el contenido demo a un WordPress limpio en un subdominio en tu hosting y así tener una versión del tema original.

¿Podrías compartirnos el código de la página que genera Visual Composer? Quizás de esa manera podamos detectar algún error de sintaxis en él.

Saludos!.

Hola Fermín,

Por favor, realiza el siguiente procedimiento para corregir el problema del video de YouTube, esta solución será temporal pues es necesario que actualices tu plantilla y los plugins de tu sitio, antes de iniciar realiza una copia de seguridad del sitio (te recomiendo leer la siguiente guía al respecto –> 

Consideraciones previas

•  
• Crea y descarga copias de seguridad de tu sitio.
• Deshabilita todos los plugins. Posteriormente reactiva sólo aquellos que son requeridos por tu tema:
  Salient Visual Composer , Contact Form 7 y Woocommerce. Importante No actualices esos plugins mientras no actualices el tema, la versión de WordPress.

1. 1. Si cuentas Wordpress 5.0 o superior Instala el plugin Editor Clásico, puedes descargarlo aquí o buscarlo en el directorio de plugins en el administrador de WordPress. Lo que hará ese plugin será reemplazar al editor de bloques por el antiguo y clásico editor, que es el indicado para tu tema y plugins. Una vez que lo instales y te dirijas a editar o crear una página web o entrada de blog verás algo así como en la siguiente figura.

      Si tu WordPress es de una versión inferior a la 5.0 y consideras actualizarlo consulta el siguiente artículo --> http://themenectar.com/docs/salient/wordpress-5-0-update-guide/

      Si deseas utilizar el editor de bloques Gutenberg dirígete al menú vertical izquierdo del Administrador de WordPress, posiciona el mouse sobre el elemento Ajustes –> Escritura y selecciona Editor de Bloques, considera que si entras a editar la página de Inicio de tu sitio es posible que se deforme, te sugiero conservar una copia de la página de Inicio.

   2. Crea una copia de tu página de Inicio actual, puedes utilizar el plugin Duplicate Post, puedes descargarlo aquí.
   3. Con el Editor Clásico activo accede a editar la página de Inicio, da un click sobre el botón
      , luego da click sobre el lápiz de la esquina superior derecha como se muestra en la siguiente figura.

 

1. 1. Elije las opciones que he marcado, tal cual se ve en las siguientes figuras.

 

 

 

 

1. 1. Arrastra la fila que has creado hacia arriba, de modo que sea el primer elemento a mostrar.

 

 

1. Guarda los cambios realizados.

De esta manera se mostrará el video de manera correcta y sin conflictos entre el editor de páginas Visual Composer y Gutenberg. Recuerda actualizar tu tema y plugins. Cualquier duda que tengas no dudes en hacérnosla saber por este medio.

El siguiente enlace te ayudará a entender rápidamente qué es exactamente lo que hiciste en esta última parte --> http://themenectar.com/docs/salient/rows/

Saludos.

He instalado la nueva versión de Wordpress 5.2.2.

He actualizado todos los pluggins.

El video sale en grande pero sin autoplay (Metiendolo como Background en Fila Settings).

También probé a desactivar todos los pluggins menos el Visual Composer y el Contact Forms.

Acabo de intentar meterlo con iframe y me pasa lo mismo, me voy a bloque de texto, etiqueta HTML y copio el iframe de youtube, le añado de 10 formas distintas el autoplay y cuando le doy a guardar, me borra todo lo relacionado con autoplay..

(*Estoy trabajando ya con el Editor Clásico, los 3 pluggins que tengo activos están actualizados y el tema está actualizado)

*Acabo de activar el WP Google Maps y la ventana del video se me ha vuelto a encoger.

Hola fermin.

Tienes que consultarlo con los desarrolladores de la plantilla, puede ser un problema con en esa plantilla y lo más seguro que lo tengan localizado, nosotros solo podemos ofrecerte soluciones estándar que igual para tu plantilla no sirven.

Te recomiendo que contactes con los desarrolladores de la plantilla, seguro que te ofrecen una solución rápida.

Un saludo