Me ha dejado de funciona el autoplay del vídeo de presentación de mi home

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

Me ha dejado de funciona el autoplay del vídeo de presentación de mi home

Pilar Fdez Glez

7/06/18 11:43

Hola, les agradecería me dijeran qué opciones tengo para que pueda seguir funcionando como antes en autoplay el vídeo de presentación que tengo en la home de las siguientes webs:

https://cursosinteligenciaemocional.com/

https://asfaltomadrid.com/

He visto que la nueva versión de chrome bloquea los vídeos que están en autoplay en las páginas principales de las webs, entiendo que para proteger a los usuarios y que no sea algo invasivo. Por esta misma razón los vídeos en los dos casos anteriores están sin sonido.

Me gustaría saber si es algo definitivo o si hay alguna manera de subirlos para que puedan seguir funcionando porque es algo urgente que tengo que solucionar, sobre todo en el segundo caso ya que este cambio que se ha realizado en el navegador ha hecho que las visitas se encuentren el primer pantallazo de la web en negro y me está ocasionando graves problemas. https://asfaltomadrid.com/

Les agradecería me contestaran a la mayor brevedad posible.

Muchas gracias.

Un saludo,

Pilar Fernández

Respuestas (16)

avm99963

7/06/18 12:39

¡Hola Pilar!

Básicamente las nuevas políticas sobre el Autoplay se pueden resumir en lo siguiente:

El autoplay en vídeos silenciados siempre se permiten
El autoplay en vídeos con sonido se permite si:

El usuario ha interaccionado con el dominio (ha hecho clic, por ejemplo).
En escritorio, el mínimo del índice de interacción con contenido multimedia ha sido alcanzado, lo que significa que el usuario ha reproducido vídeo con sonido anteriormente.
En móvil, el usuario ha añadido su sitio a su pantalla de inicio.

Los top frames pueden delegar el permiso autoplay a sus iframes para permitir autoplay con sonido.

Yo creo que ayudaría si en los iframes que tienes establecieses el atributo allow="autoplay", como en el siguiente ejemplo:

<!-- Se permite autoplay. -->
<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay">

Además, cuando adjuntes el iFrame con el vídeo de Vimeo, asegúrate de hacer que se reproduzca muteado (aunque no tenga sonido, puede que sea necesario que el volumen del vídeo esté establecido a 0). Para hacer esto, debes añadir el parámetro background=1 al final de la URL, como en el siguiente ejemplo que he extraído de un hilo en StackOverflow:[1]

<iframe src="https://player.vimeo.com/video/999999963?background=1"      webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

¿Puedes probar estas dos cosas y nos cuentas si funcionó?

Puedes ver todos los detalles en inglés sobre las nuevas políticas aquí:

Autoplay Policy Changes | Web | Google Developers (en inglés)

Espero tu respuesta ;)

Saludos :-)

[1]: html - Muting an embedded vimeo video - Stack Overflow

Para continuar con la conversación, debes regresar al Foro.

Las respuestas por correo electrónico no llegan Acceder al hilo

avm99963

7/06/18 12:43

Vaya, acabo de encontrar que el parámetro background=1 solo está disponible para clientes de pago de Vimeo.

En otro sitio he encontrado la solución definitiva: en vez de eso, pon muted=1. Ejemplo:

<iframe src="https://player.vimeo.com/video/999999963?muted=1" 
    webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

¡Un saludo!

Pilar Fdez Glez

8/06/18 5:24

Muchísimas gracias voy a probar lo que me dices. Ya te cuento.

Un abrazo,

PIlar

avm99963

9/06/18 7:42

Vale, cuando pruebes dime a ver qué tal :)

Por cierto, cuando hagas las pruebas del autoplay, como en el caso de que ya hayas visitado el sitio el autoplay funciona sí o sí, puedes forzar que se muestre la web como si hubieras ingresado allí por primera vez si ejecutas Chrome de una manera especial. Lo digo porque en caso contrario te funcionará el autoplay siempre :P

Para hacer esto, sigue los siguientes pasos:

Ahora abre la aplicación Terminal, que viene preinstalada en todos los Macs.
En la pantalla de la Terminal que se abre, copia y pega lo siguiente allí y seguidamente pulsa enter: /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-features=PreloadMediaEngagementData,AutoplayIgnoreWebAudio,MediaEngagementBypassAutoplayPolicies --user-data-dir=/tmp/chromeprofiletmp
Ahora se abrirá una nueva ventana de Chrome donde puedes probar el autoplay como si fueras un visitante nuevo.

Ah, ¡y me olvidaba de otra cosa!

Veo que en tu otra página web, en vez de un vídeo de Vimeo, tienes un vídeo introducido mediante la etiqueta <video>. Para mutear ese vídeo (que ya sé que no tiene senido igualmente), en vez de introducir el atributo muted en la etiqueta <source>, introdúcela en la etiqueta <video>, si no no funciona. Además, también tienes atributos como el autoplay y el loop en la etiqueta <source> que no sirven para nada (los debes introducir en <video>, como ya has hecho). Así pues, el código correcto para tu web sería:

<video autoplay="autoplay" loop="loop" width="100%" height="auto" controls="" muted>
  <source src="https://cursosinteligenciaemocional.com/wp-content/uploads/2015/08/video-portada-campus-Live-it-final-cut-2-mejorado-24-marzo-3.mp4?_=1">
</video>

Con esto, sí que debería funcionar correctamente.

Espero que esto ayude ;)

Saludos :-)

Javier TORREJÓN

5/07/18 4:59

Hola,

tengo un vídeo de portada en mi web y tanto en mozilla como Edge se ejecuta automáticamente, sin necesidad de dar al Play, en chrome://flags/#autoplay-policy lo tengo Default, también he probado con " No user ...", pero no hay manera, el vídeo sigue sin reproducirse automáticamente.

¿Alguna idea?

Gracias¡¡

avm99963

8/07/18 15:05

¡Hola Javier!

¿Cuál es tu página web? Sin poder ver el código de tu web será bastante difícil poder ayudarte.

De todas formas, ¿has leído el primer post que he puesto por este mismo hilo? Te copio por aquí lo que he dicho en el primer post:

Básicamente las nuevas políticas sobre el Autoplay se pueden resumir en lo siguiente:
El autoplay en vídeos silenciados siempre se permiten
El autoplay en vídeos con sonido se permite si:
El usuario ha interaccionado con el dominio (ha hecho clic, por ejemplo).
En escritorio, el mínimo del índice de interacción con contenido multimedia ha sido alcanzado, lo que significa que el usuario ha reproducido vídeo con sonido anteriormente.
En móvil, el usuario ha añadido su sitio a su pantalla de inicio.
Los top frames pueden delegar el permiso autoplay a sus iframes para permitir autoplay con sonido.
Puedes ver todos los detalles en inglés sobre las nuevas políticas aquí:
Autoplay Policy Changes | Web | Google Developers (en inglés)

Saludos :-)

Para continuar con la conversación, debes regresar al Foro.
Las respuestas por correo electrónico no llegan Acceder al hilo

Javier TORREJÓN

9/07/18 0:01

Hola de nuevo¡¡

copio el código que tengo tengo en mi web;

<h3 style="text-align: center;">  <video width="900" height="290" controls="true" loop="true" muted="true" autoplay="true" allow="autoplay"><source src="http://campus.qualiconsult.es/pluginfile.php/2/course/section/1/EFD.mp4">http://campus.qualiconsult.es/pluginfile.php/2/course/section/1/EFD.mp4</video>  </h3><p style="text-align: center;"><a href="http://campus.qualiconsult.es/"></a></p>

Lo tengo puesto para que se reproduzca una vez accedas a la web, en silencio y en loop, una vez das al play, lo hace sin problemas, pero quiero que arranque solo, con autoplay.

En el resto de navegadores lo hace sin problemas.

Gracias, saludos¡¡

Cristian Hernandez Amaya

15/08/18 14:46

Yo tuve el mismo problema y solo necesite colocar el atributo muted a la etiqueta video, y se me aplico el cambio; gracias chavos por compartir sus experiencias.

Saludos.

Mario Del Carmen Peña Moya

19/08/18 18:54

creo que mejor llamare al chapulin colorado....

Javier TORREJÓN

23/08/18 6:00

Como puedes comprobar, ese atributo ya aparece en mi código.

Gracias¡

avm99963

24/08/18 3:41

¡Hola de nuevo Javier!

Primero de todo, lo siento por no responderte antes, no me di cuenta de tu mensaje y se me pasó, por eso pido disculpas.

Luego, he estado investigando un poco, y parece que en tu web el autoplay funciona solo a veces, de una forma un poco rara. Además, no aparece en la página chrome://media-engagement.

Déjame que escale el caso y te cuento qué me dicen, pues parece un caso un poco raro, ya que todo parece estar configurado correctamente y no logro encontrar qué es lo que falla.

Saludos :-)

Javier TORREJÓN

24/08/18 3:53

Gracias por tu respuesta.

algo raro debe haber sin duda si ... Tanto el Edge como Firefox funciona sin problema. El atributo loop y muted funcionan también sin problema, a mi ya no se me ocurre nada más ...

Gracias, esperaré tu repuesta.

avm99963

24/08/18 4:09

Vale, creo que ya sé cuál es el problema: hay una librería en tu página web llamada lazy-video que oculta los controles de los vídeos (los controles son el botón de play, barra de progreso, botón de volumen, etc). Según el artículo que compartí en el primer post de este hilo, si no se muestran los controles del vídeo, es posible que no se haga el autoplay.

Así pues, ¿tienes alguna manera de configurar la librería, o desactivarla, para que no se oculten los controles? Esto es porque en el código que me has compartido aparece el atributo controls, pero luego esa librería lo desactiva dinámicamente.

Saludos :-)

Javier TORREJÓN

24/08/18 4:46

Sinceramente, se me va un poco de las manos tu solución ... si me pudieras ayudar en ¿Cómo procedo a configurar dicha librería? no sé su ubicación ...

A parte, los controles se muestran ... una vez empieza la reproducción, si pasas el ratón por encima se aprecian los controles, con el vídeo en muted ...

Gracias¡¡

martin peña

11/09/18 17:24

Hola Javier:

Yo tengo el mismo problema pero veo que en tu pagina ya lo solucionaste, me podrias comentar por favor como le diste solucion, muchas gracias.

Saludos.

Javier TORREJÓN

11/09/18 23:45

Hola Martín, te pego el código;

<h3 style="text-align: center;">  

<source src="http://campus.qualiconsult.es/_recursos/efd-fr.mp4">http://campus.qualiconsult.es/_recursos/efd-fr.mp4

</video>  </h3>

Lo que hice simplemente fue añadir la etiqueta "poster" con una imagen, para que no se viera en negro al inicio de la web y "tachán" empezó a funcionar ... (cosa muy rara la verdad).

A parte, el navegador tiene que estar configurado para que realice Autoplay con vídeos silenciados. (opciones mencionadas en mensajes anteriores).

Suerte¡