1
00:00:01,459 --> 00:00:07,259
Hola, a continuación vamos a incrustar vídeos en un curso de Moodle.

2
00:00:07,860 --> 00:00:18,760
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.

3
00:00:21,350 --> 00:00:27,949
En primer lugar, desde el navegador, pues ya tengo un curso preparado en el cual estamos haciendo ejemplos.

4
00:00:27,949 --> 00:00:33,210
Y estos vídeos se pueden incrustar en muchas partes.

5
00:00:33,409 --> 00:00:36,710
Por ejemplo, lo vamos a incrustar en una página.

6
00:00:37,710 --> 00:00:51,969
Para ello la edito y dentro del contenido, que ahora mismo está vacío, pues vamos a incrustar estos vídeos.

7
00:00:52,570 --> 00:01:00,990
Sabemos que en los editores podemos trabajar tanto con este intérprete, donde podemos escribir directamente lo que queremos,

8
00:01:00,990 --> 00:01:15,930
o bien podemos escribir en código HTML.

9
00:01:15,930 --> 00:01:28,109
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.

10
00:01:28,109 --> 00:01:31,909
bien, vamos a ir por ejemplo a la mediateca

11
00:01:31,909 --> 00:01:34,590
tengo aquí ya un curso preparado, un vídeo

12
00:01:34,590 --> 00:01:37,670
de Max

13
00:01:37,670 --> 00:01:40,890
donde lo primero que tenemos que hacer

14
00:01:40,890 --> 00:01:42,590
para este vídeo y poderlo incrustar

15
00:01:42,590 --> 00:01:45,670
pues tendremos que ir a las opciones de compartición

16
00:01:45,670 --> 00:01:47,870
y aquí nos viene el

17
00:01:47,870 --> 00:01:49,370
embebet

18
00:01:49,370 --> 00:01:54,209
esto a veces viene como incrustar, como embeber

19
00:01:54,209 --> 00:01:57,370
vamos a copiar este código, si pinchamos aquí

20
00:01:57,370 --> 00:02:03,670
nos dice que está copiado. En principio debemos tenerlo en el portapapeles. Vamos a comprobar

21
00:02:03,670 --> 00:02:11,569
lo que es así. Botón derecho, pegar y efectivamente nos aparece aquí un código iframe que hace

22
00:02:11,569 --> 00:02:17,370
referencia a la mediateca y esto es un código HTML. Recuerdo, es importante tener activado

23
00:02:17,370 --> 00:02:24,110
el modo HTML. Si nosotros desactivamos este modo vamos a tener el resultado de cómo quedará,

24
00:02:24,110 --> 00:02:26,949
cómo se visualizará una vez que esté terminado.

25
00:02:27,289 --> 00:02:29,909
Vamos a, por ejemplo, desactivarlo y vamos a ver cómo sería.

26
00:02:30,189 --> 00:02:34,610
Bien, vemos que efectivamente aparece incrustado el vídeo de la mediateca.

27
00:02:35,189 --> 00:02:36,949
Vamos a hacer lo mismo con un vídeo.

28
00:02:37,909 --> 00:02:40,050
Vemos que aquí podemos nosotros editar.

29
00:02:40,849 --> 00:02:42,469
Podríamos, por ejemplo, quitar aquí una línea.

30
00:02:43,169 --> 00:02:45,969
Podríamos llevarnos esto al centro.

31
00:02:47,270 --> 00:02:49,129
Podríamos hacer con ello lo que quisiéramos, ¿no?

32
00:02:50,870 --> 00:02:53,030
Y a continuación, pues vamos a poner otro ejemplo.

33
00:02:53,030 --> 00:03:05,210
Lo voy a justificar a la izquierda y ponemos a continuación vídeo de YouTube.

34
00:03:06,870 --> 00:03:11,129
De la misma manera, aquí tenemos que insertar código HTML.

35
00:03:11,530 --> 00:03:12,629
Para ello lo activo.

36
00:03:13,490 --> 00:03:18,129
Todo esto de aquí es código HTML, pues la parte del final será lo que se visualizará a continuación.

37
00:03:19,129 --> 00:03:21,849
Aquí tenemos también un ejemplo de un vídeo de YouTube.

38
00:03:22,409 --> 00:03:23,689
Se puede reproducir.

39
00:03:24,530 --> 00:03:25,210
Bien.

40
00:03:25,210 --> 00:03:32,110
Bien, y podemos, igualmente en este caso vienen las opciones de compartir, vienen con la palabra escrita.

41
00:03:32,370 --> 00:03:35,770
Pinchamos aquí y en este caso nos aparece como insertar.

42
00:03:36,930 --> 00:03:40,129
Este es el código para embeber el vídeo o incrustarlo.

43
00:03:40,770 --> 00:03:47,030
Igual que antes es una etiqueta iframe, si la copiamos, la selecciono, le doy a copiar, nos vamos al curso.

44
00:03:47,789 --> 00:03:54,729
Igual, recordando que tenemos activado el HTML, le damos a pegar y ahí nos aparecerá.

45
00:03:54,729 --> 00:03:58,870
Si desactivamos la etiqueta, se mostrará el resultado, cómo lo va a ver el alumno.

46
00:04:00,349 --> 00:04:04,409
Vemos que ahí arriba tenemos el vídeo de la mediateca, aquí el vídeo de YouTube.

47
00:04:04,930 --> 00:04:11,830
Una vez que estamos aquí, lo mismo, podríamos seleccionarlo y justificarlo, por ejemplo, al centro.

48
00:04:14,969 --> 00:04:17,629
En este caso es este, vamos a justificarlo al centro.

49
00:04:27,379 --> 00:04:27,879
Ahí lo tenemos.

50
00:04:27,879 --> 00:04:31,579
bien, con esto quedaría explicado

51
00:04:31,579 --> 00:04:34,160
tras guardar cambios lo podemos mostrar

52
00:04:34,160 --> 00:04:38,079
y veríamos que queda como hemos indicado