Page 1

Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Manual básico de: integrar vídeo mediante el código html en:

Enero del 2013 CFIE de Ávila

Julio Sánchez Sánchez Manual básico de: integrar vídeo mediante el código html en el aula virtual de la JCyL por Julio Sánchez Sánchez se encuentra bajo una Licencia Creative Commons Atribución­NoComercial­CompartirIgual 3.0 Unported. 

Julio Sánchez Sánchez

1


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Últimamente Google Maps está dando problemas a la hora de insertar vídeos del Youtube  dentro de nuestros mapas personalizados, tanto con el código de inserción antiguo como con  el moderno. La solución, temporalmente porque lo arreglarán, es ir a la pagina de ayuda de  Google Maps (http://goo.gl/eyJb3); y acercarnos a la sección: "para añadir vídeos " . Debemos copiar el código html que aparece y seguir las instrucciones que ahora indico. 1. Copia el código html. <iframe width="560" height="349" src="http://www.youtube.com/embed/JN5_NBSu7Lw" frameborder="0" allowfullscreen></iframe> 

2. Ve al mapa de Google Maps que quieras insertar el vídeo.

Julio Sánchez Sánchez

2


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

3. Coloca la marca de posición o dibuja la forma o línea en donde vamos a añadir nuestro vídeo.  Cuando el bocadillo para agregar la información haz clic en "Edición HTML "

4. Pega el código que copiamos anteriormente.

Julio Sánchez Sánchez

3


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

5. Visita Youtube. Y busca el vídeo que creas conveniente para tus alumnos. Una vez que  encuentres el vídeo presta atención a la url del vídeo que está en la barra de direcciones.

Copia los caracteres que aparezcan detrás del signo "=" en la url del vídeo

http://www.youtube.com/watch?v=YhiEG8PagWo Copiar Julio Sánchez Sánchez

4


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

6. Volvemos a Google Maps y al bocadillo donde habíamos pegado el html. 7. Debes de cambiar lo que hay detrás del signo "=" de la url por los caracteres alfanuméricos que  hemos copiado en la dirección del vídeo de youtube elegido. 8. Después de borrar, pega entre /embed/ y " el nuevo código .../embed/código copiado de la url de youtube " frameborder="0".....

Borrar

9. Y quedará de esta manera, en este caso el código de la url de  Youtube era: YhiEG8PagWo

Para terminar hacer clic en "Aceptar "

10. Hacemos clic en "guardar " y "listo"

1 2 Julio Sánchez Sánchez

5


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Audio del Youtube Básicamente lo que haremos es ocultar la pantalla donde se visiona el vídeo y por tanto, sólo oiremos  el audio del vídeo. 1. Buscamos el vídeo del Youtube y seleccionamos el código de inserción antiguo. 1 2

5

elegimos el tamaño marcamos código de inserción antiguo

Julio Sánchez Sánchez

copia el código

3

4

6


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

2. Vamos a la administración del aula virtual y creamos una nueva actividad

pegar el código de Youtube

2 1

Julio Sánchez Sánchez

7


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

3. Pinchamos en el botón de "html"

cambiar el 360 por 25

cambiar el 2 por el 3

Julio Sánchez Sánchez

8


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

4. Volvemos al edito de actividades y hacemos clic en "Agregar "

Julio Sánchez Sánchez

9


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

.com

Esta herramienta nos permite ajustar los vídeos de Youtube a nuestro gusto, podemos decirle donde  comenzar y donde finaliza. Luego seleccionamos el código "html" y lo llevamos a nuestra aula virtual. 1. Pegamos la url del vídeo en la caja destinada para tal efecto y clic en "search"

http://www.youtube.com/watch?v=pQL6XhAT47s

Julio Sánchez Sánchez

10


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

2. Ajustamos el tamaño del vídeo con las cajas de tiempo o arrastrando los tiradores sobre la barra  de avance del vídeo de color rosa. Para terminar clic en "chop it" En start  indica cuando  quieres que empiece el  vídeo. En end donde quieres  que finalice.

Arrastra los tiradores  para ajustar manualmente

Julio Sánchez Sánchez

11


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

3. Copia "Ember Code" y lo agregas a tu actividad con el botón 2.0

Julio Sánchez Sánchez

12


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Inserta una web  o  el contenido de una url en nuestra aula virtual Es una opción muy sencilla que nos va a permitir integrar: páginas web, edilim, flash, etc dentro de  nuestra actividad en el el aula virtual. Para ello debemos de tener la dirección web del contenido que queremos integrar. Desde el editor, clic  en el botón "html" pegar el código y agregar la  dirección web a integrar en el aula

<iframe frameborder="0" height="470" src="http://dirección web de la página a integrar

Julio Sánchez Sánchez

" width="470"></iframe>

13


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Es un servicio que permite integrar varios vídeos de Youtube al estilo del "cover flow" de Apple.

título de nuestra lista de reproducciones

Julio Sánchez Sánchez

14


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Vamos pegando las direcciones de los vídeos de Youtube y hacemos clic en add para añadir otro

Puedo decir donde acaba y  finaliza este vídeo

Julio Sánchez Sánchez

15


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Para terminar:

create playlist

copiamos el Embed Julio Sánchez Sánchez

16


Manual básico de: integrar vídeo mediante html en el aula virutal de la JCyL

Enero 2013

Julio Sánchez Sánchez

Julio Sánchez Sánchez

17

Manual básico de:html integra rvideo  
Manual básico de:html integra rvideo  

video y html

Advertisement