domingo, 4 de febrero de 2018

Añadiendo elementos multimedia al blog








  • INCLUIR VÍDEOS EN EL BLOG
  1. Por menú.
  2. Mediante código HTML  podemos descargarlos de YOUTUBE, DAILYMOTION O VIMEO entre otros.


Código HTML para insertar el vídeo en un blog
  1. Vamos a la página donde se publican los vídeos; en este caso, YouTube. Elegimos un vídeo que nos guste y hacemos clic encima de él para ir al documento individual donde aparece ese vídeo.
  2. Allí veremos, debajo del vídeo, el enlace Compartir, con el que tenemos varias opciones, y una de ellas es Insertar. Si hacemos clic en esta palabra, se abre un recuadro que incluye el código HTML del vídeo y una serie de opciones para personalizar el tamaño del reproductor, entre otras.
  3. Ahora tenemos que realizar lo siguiente: hacemos clic encima de ese recuadro, y el código se marcará si no estaba ya marcado. Después, sin mover el cursor de allí, hacemos clic en el botón derecho del ratón y elegimos la opción que nos permite copiar ese código en la memoria del sistema.
  4. Por último, abrimos una nueva entrada en nuestro blog, y pegamos el código en la parte de Edición de HTML del editor de textos, 

    El código de HTML del vídeo de YouTube

    El código del reproductor de YouTube se ofrece dentro de un marco IFRAME de HTML, que tiene como atributos la anchura del marco (width), la altura (height) y el borde (frameborder), además del atributo src, que es donde se incluye la URL del vídeo:
    <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/_LURr-rXZgk?rel=0" frameborder="0" allowfullscreen></iframe>

    El código antiguo del vídeo de Youtube todavía hay que usarlo en algunos editores que no admiten el actual:
  • INCLUIR PRESENTACIONES Y DOCUMENTOS DE TEXTO
Cuando queremos insertar archivos de texto o presentaciones para completar el contenido de nuestra entrada podemos tenemos dos opciones:  enlazar esos archivos para su descarga  o  insertarlos en la entrada mediante un reproductor.

---Los más conocidos son SLIDESHARE, SCRIBD O ISSUE

 El lugar más conocido donde podemos cargar un archivo de estas características es SlideShare, y donde además podemos utilizar cualquiera de las publicadas en su servicio.

El procedimiento que se sigue es el de copiar el código HTML de la presentación en nuestro editor como un reproductor. Para conseguirlo, hay que hacer clic en la pestaña Embed que está en la parte superior de la presentación, y entonces aparecerá debajo el código HTMLque se puede insertar en el blog después de copiar el código con el botón Copy, y que se puede personalizar pulsando el enlace Customize, y entonces se abrirá parte del marco donde aparecen las opciones para eliminar el contenido relacionado (Without related content), comenzar la presentación en una diapositiva determinada (Start from slide number) o elegir entre varios tamaños del reproductor (Size).

  •  Google Drive----- todos los documentos creados en este servicio se pueden insertar o incrustar en el blog mediante el código HTML que se nos proporciona en el Menú Archivo y en la opción Publicar en la Web.... La ventana que aparece nos muestra primero un botón de Iniciar la publicación, y cuando lo pulsamos, se nos ofrece un Enlace al documento y el código del reproductor en Insertar código.

No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.