Google Chrome - Foro de ayuda

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: 



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í:
Espero tu respuesta ;)

Saludos :-)


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:
  1. Ahora abre la aplicación Terminal, que viene preinstalada en todos los Macs.
  2. 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
  3. 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í:
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;">&nbsp;&nbsp;<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>&nbsp;&nbsp;</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;">&nbsp;&nbsp;
<video width="900" height="290" autoplay="true" loop="true" controls="true" muted="true" poster="poster" expertos_en_formaci%c3%b3n.png"="" 361608144="" draft="" user="" 115="" draftfile.php="" campus.qualiconsult.es="">
</video> &nbsp;</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¡