Autoplay en Genially Youtube, Vimeo y Wordpress

Reutilizar

Autoplay

Cómo insertar vídeos en reproducción automática con sonido

Alojados en: Youtube / Vimeo / Wordpress

Empezar

Thanks to Meg Ramey

Necesitamos una interacción

Si añades una página previa como una portada por ejemplo, funcionará al darle a pasar de página automáticamente. Hay que tener en cuenta que los navegadores requieren que la reproducción automática de medios (con sonido) suceda, solo, después de alguna interacción del usuario. Pasar de página, en genially, cuenta como interacción.

Iframe de Youtube sin código

Iframe de Youtube con código

<iframe width="560" height="315" src="https://www.youtube.com/embed/6zntSK2u6t8?autoplay=1&mute=0controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/6zntSK2u6t8?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Código para Youtube:

Hay que insertar: ?autoplay=1&mute=0 en el iFrame generado por Vimeo justo detrás del número del vídeo:

<iframe width="560" height="315" src="https://www.youtube.com/embed/6zntSK2u6t8?autoplay=1&mute=0controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

YouTube con controles de reproductor

Contras: YouTube tiene MUCHOS botones y formas de llevar a los alumnos fuera del LMS a YouTube. Muestra otros videos de YouTube al final sin relación con nosotros, y demasiados botones y cosas adicionales en la pantalla al principio. Y la compresión del video de YouTube hace que la calidad del video sea mucho más baja cuando lo haces a pantalla completa.

<iframe width="560" height="315" src="https://www.youtube.com/embed/6zntSK2u6t8?autoplay=1&mute=0 title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Código para Vimeo:

Hay que insertar: ?autoplay=1&mute=0 en el iFrame generado por Vimeo justo detrás del número del vídeo:

<iframe src=https://player.vimeo.com/video/720109041?autoplay=1&mute=0"h=9940bbb696&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="1920" height="1080" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="Pack Like a PRO Genially-1080p-220613.mp4"></iframe>

Código de Vimeo usando el código abreviado de Genially

<iframe src="https://player.vimeo.com/video/720109041?autoplay=1&mute=0" width="640" height="337" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Código para vídeo alojado en Wordpress - Usando el código sugerido por Genially

Si no necesitas mostrar los controles: <video src="https://elearningsamples.worldkindlearning.com/wp-content/uploads/2021/10/Passport.-Step-2-1080p.mp4" autoplay></video>

Código para vídeo alojado en Wordpress - Ocultar la opción de descarga.

Si quieres controles, pero oculta la opción de descarga <video src="https://elearningsamples.worldkindlearning.com/wp-content/uploads/2021/10/Passport.-Step-2-1080p.mp4" autoplay controls controlslist="nodownload"></video>

NOTA: esto no impide que nadie descargue el video, simplemente lo hace un poco menos conveniente.