[Resuelto] Problemas con videos YouTube embebidos

Hola walter.

yo quiero que arranque cuando el usuario va leyendo el post y llega a ver el video

puedes añadir un retardo en segundos " &autoplay=1&start=120 " 120 sería el retardo de inicio en segundos.
Un ejemplo sería:

Aquí no anda el autoplay
No tienes añadido en autoplay en la URL del video.

Seria lo siguiente:

Hay contenido mixto en al carga de las fuentes que utiliza tu plantilla, es un problema de la plantilla que estas utilizando.

Contenido solo visible a usuarios registrados

Edita el archivo htaccess que encontrarás en la raíz de tu instalación y añade lo siguiente:

Header always set Content-Security-Policy "upgrade-insecure-requests;"

El código lo que realiza es forzar la carga de contenido inseguro con el protocolo http a https://....

Un saludo

Gracias Pepe, ya edité el htaccess y probé el autoplay.

Respecto de los videos que aparecen cortados el Thumbnail, sigo con el problema.
Tal vez entendí mal.
Lo que hice fue copiar este codigo en el csss custom
.rll-youtube-player img {
margin-bottom: auto !important;
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;

Hay algo mas que deba hacer?

Hola Walter,

No veo en donde estés insertando el CSS que te indique. Podrías enviar una captura de pantalla del lugar donde estás insertandolo? Por favor.

Saludos.

Lo agregué en el css custom.

Donde tenía que agregarlo?

Hola Walter ,

Si, allí es el lugar indicado, solo que no esta cargando tu web ese código.

Tienes algún plugin de cache? Prueba eliminando el cache generado Y/o agrega el css en el archivo style.css de tu tema hijo.

Saludos.

Creo que ahora hizo efecto. Los videos se ven perfecto cuando reproduce, pero antes de comenzar la reproducción, sale cortado el thumbnail y no se lee todo el texto, tanto en versión movil como en versión escritorio, habrá forma de corregir este error?

Además, quiero que el tamaño sea del 100% en version movil y del 80% en versión escritorio (actualmente los cambios que haga aplican a ambas), me podras pasar un código para lograr que el tamaño en movil sea del 100 y en pc del 80%? @media only imagino que algo asi

muchas gracias

Hola Walter,

¿Así como se muestra en la captura siguiente es como lo visualizas tu actualmente?

No veo texto cortado pero confírmame, quizás estoy entiendo mal. Respecto al tamaño del 100% en móvil y 80% en escritorio, ¿Te refieres al tamaño del video respecto al contenedor de Youtube o a todo el contenedor de Youtube respecto a la página web?

Hola Walter,

Prueba con el siguiente CSS y me dices si es así como lo requieres:

@media (min-width: 768px)  {

.youtube-responsive-container {
    max-width: 80%;
}
}

@media (max-width: 768px)  {

.youtube-responsive-container {
    max-width: 100%;
}
}

Saludos.

Yo lo sigo viendo mal
Ademas, lo que noto es que si pongo 80% el cuadro queda al 100 y el video queda al 80%, es decir, se ve el video mas chico que el fondo, queda como recuadrado.

Te voy a copiar todo mi codigo css a ver si puedes descubrir que hice mal

.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:85%;
height:85%;
}

.rll-youtube-player img {
margin-bottom: auto !important;
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
@media (min-width: 768px) {

.youtube-responsive-container {
max-width: 90%;
}
}

@media (max-width: 768px) {

.youtube-responsive-container {
max-width: 100%;
}
}

gracias

Hola Walter,

Agrégalo de la siguiente manera:

.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:auto;
overflow:hidden;
}
.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0; 
}

.rll-youtube-player img {
margin-bottom: auto !important;
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}

@media (min-width: 768px) {
.youtube-responsive-container {
max-width: 90%;
}
}

@media (max-width: 768px) {
.youtube-responsive-container {
max-width: 100%;
}
}

Si no surte efecto vacía el caché de Varnish, utiliza otro explorador de internet y/o insértalo directamente en el archivo style.css que se encuentra en el directorio /wp-content/themes/wp-trust-child