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ónNoComercialCompartirIgual 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