Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Incrustar Vídeos en moodle

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 20 de noviembre de 2019 por Manuel G.

340 visualizaciones

Para trabajar en el aula virtual de educamadrid (moodle), un recurso habitual es la publicación de contenidos en vídeo. En este vídeo tutorial se muestra la forma de incrustar vídeos en html. Esta forma también sirve para publicar contenidos en webs de educamadrid.

Más información Transcripción

Descargar la transcripción

Hola, a continuación vamos a incrustar vídeos en un curso de Moodle. 00:00:01
Para ello, comentar que vamos a hacerlo con código HTML que extraeremos o bien de la Mediateca de EducaMadrid o de una plataforma más genérica como pueda ser YouTube. 00:00:07
En primer lugar, desde el navegador, pues ya tengo un curso preparado en el cual estamos haciendo ejemplos. 00:00:21
Y estos vídeos se pueden incrustar en muchas partes. 00:00:27
Por ejemplo, lo vamos a incrustar en una página. 00:00:33
Para ello la edito y dentro del contenido, que ahora mismo está vacío, pues vamos a incrustar estos vídeos. 00:00:37
Sabemos que en los editores podemos trabajar tanto con este intérprete, donde podemos escribir directamente lo que queremos, 00:00:52
o bien podemos escribir en código HTML. 00:01:00
Para ello deberíamos mostrar más botones y aquí, esta etiqueta de aquí, este botoncito nos muestra el código HTML. De tal forma que este es el código HTML de lo que hemos escrito antes. 00:01:15
bien, vamos a ir por ejemplo a la mediateca 00:01:28
tengo aquí ya un curso preparado, un vídeo 00:01:31
de Max 00:01:34
donde lo primero que tenemos que hacer 00:01:37
para este vídeo y poderlo incrustar 00:01:40
pues tendremos que ir a las opciones de compartición 00:01:42
y aquí nos viene el 00:01:45
embebet 00:01:47
esto a veces viene como incrustar, como embeber 00:01:49
vamos a copiar este código, si pinchamos aquí 00:01:54
nos dice que está copiado. En principio debemos tenerlo en el portapapeles. Vamos a comprobar 00:01:57
lo que es así. Botón derecho, pegar y efectivamente nos aparece aquí un código iframe que hace 00:02:03
referencia a la mediateca y esto es un código HTML. Recuerdo, es importante tener activado 00:02:11
el modo HTML. Si nosotros desactivamos este modo vamos a tener el resultado de cómo quedará, 00:02:17
cómo se visualizará una vez que esté terminado. 00:02:24
Vamos a, por ejemplo, desactivarlo y vamos a ver cómo sería. 00:02:27
Bien, vemos que efectivamente aparece incrustado el vídeo de la mediateca. 00:02:30
Vamos a hacer lo mismo con un vídeo. 00:02:35
Vemos que aquí podemos nosotros editar. 00:02:37
Podríamos, por ejemplo, quitar aquí una línea. 00:02:40
Podríamos llevarnos esto al centro. 00:02:43
Podríamos hacer con ello lo que quisiéramos, ¿no? 00:02:47
Y a continuación, pues vamos a poner otro ejemplo. 00:02:50
Lo voy a justificar a la izquierda y ponemos a continuación vídeo de YouTube. 00:02:53
De la misma manera, aquí tenemos que insertar código HTML. 00:03:06
Para ello lo activo. 00:03:11
Todo esto de aquí es código HTML, pues la parte del final será lo que se visualizará a continuación. 00:03:13
Aquí tenemos también un ejemplo de un vídeo de YouTube. 00:03:19
Se puede reproducir. 00:03:22
Bien. 00:03:24
Bien, y podemos, igualmente en este caso vienen las opciones de compartir, vienen con la palabra escrita. 00:03:25
Pinchamos aquí y en este caso nos aparece como insertar. 00:03:32
Este es el código para embeber el vídeo o incrustarlo. 00:03:36
Igual que antes es una etiqueta iframe, si la copiamos, la selecciono, le doy a copiar, nos vamos al curso. 00:03:40
Igual, recordando que tenemos activado el HTML, le damos a pegar y ahí nos aparecerá. 00:03:47
Si desactivamos la etiqueta, se mostrará el resultado, cómo lo va a ver el alumno. 00:03:54
Vemos que ahí arriba tenemos el vídeo de la mediateca, aquí el vídeo de YouTube. 00:04:00
Una vez que estamos aquí, lo mismo, podríamos seleccionarlo y justificarlo, por ejemplo, al centro. 00:04:04
En este caso es este, vamos a justificarlo al centro. 00:04:14
Ahí lo tenemos. 00:04:27
bien, con esto quedaría explicado 00:04:27
tras guardar cambios lo podemos mostrar 00:04:31
y veríamos que queda como hemos indicado 00:04:34
Idioma/s:
es
Autor/es:
Manuel Gálvez Gálvez
Subido por:
Manuel G.
Licencia:
Reconocimiento
Visualizaciones:
340
Fecha:
20 de noviembre de 2019 - 21:39
Visibilidad:
Público
Centro:
IES VALLE INCLAN
Duración:
04′ 42″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
10.42 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid