Sugerencia del curso de Moodle: Cómo agregar videos receptivos de ancho completo en Moodle Boost o temas basados ​​en Boost

El tema principal de Moodle, Boost, se basa en el último marco de trabajo de Bootstrap 4. Videos responsivos de Youtube/Vimeo en su curso de Moodle.

En este tutorial, le mostraremos cómo hacerlo.

Demo en vivo

(Nuestra demostración utiliza el tema Maker, que es nuestro último tema de Moodle basado en Boost).

Paso 1: obtenga el código de inserción de video de Youtube/Vimeo

para videos de youtubepuedes seguir la guía aquí

Para el vídeo de Vimeopuedes seguir la guía aquí

Paso 2: prepare el fragmento de video para su curso de Moodle

Muy bien, ya tienes listo el código de inserción de tu video. Para agregar capacidad de respuesta al video en su curso de Moodle, debe envolver el código de inserción en el código de utilidad de Bootstrap como se muestra a continuación:

<div class="embed-responsive embed-responsive-16by9">

  <!-- Replace the iframe below with your video embed code -->
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>

</div>

Paso 3: agregue el fragmento de video a su curso de Moodle

Inicie sesión en el curso de Moodle de su elección como profesor o administrador. Habilite la edición y agregue un "Etiqueta"utilizando el"+ Añadir una actividad o recurso" enlace.

Copia y pega tu preparación fragmento de código de vídeo del paso 2 en el editor de código HTML de Label (como se muestra en la siguiente figura).

Guarde sus cambios y habrá agregado con éxito un video receptivo a su curso de Moodle.