Unidad 7. Ejercicio: Vídeo



En este ejercicio practicaremos cómo insertar vídeo. Para realizar este ejercicio vamos a crear un nuevo archivo excel3.html.

Ejercicio 1: Insertar Vídeo

  1. Desde el editor Brackets abre un archivo nuevo y copia el siguiente código. Guarda el archivo con el nombre excel3.html, en la carpeta ejercicios/curso-excel que ya habíamos creado en ejercicios anteriores:
  2. <!doctype html>
    <html>
    <head>
      <meta charset="utf-8" />
      <title>Curso de Excel 2016</title>
    </head>
    <body>
      <ul>
      <li><a href="excel2.html">Atrás</a></li>
      <li><a href="index.html">Índice</a></li>
      <li><a href="excel4.html">Adelante</a></li>
      </ul>
      <h1>Unidad 3. Operaciones con archivos</h1>
      <p>En este vídeo veremos cómo guardar un libro de trabajo.</p>
      <hr>
      <p><a href="http://www.aulaclic.es/index.htm" target="_blank"> &copy; aulaClic S.L.</a></p>
      </body>
      </html>
  3. Vamos a insertar el vídeo guardar.mp4 que puedes descargarte de la carpeta ejercicios/unidad-7/curso-excel/multimedia. Incluiremos el atributo controls para que aparezca la barra de control en la parte inferior. Para ello escribimos la etiqueta:
      <video controls>
    <source src="multimedia/guardar.mp4" type="video/mp4">
    </video>

    Si ejecutas el archivo verás como aparece el vídeo pero no comenzará hasta que no pulses sobre el botón Play.

  4. Para que comience la reproducción de forma automática, añadimos el atributo autoplay, y para que se reproduzca de forma continua el atributo loop.
      <video controls autoplay loop width="300" height="200">
    <source src="multimedia/guardar.mp4" type="video/mp4">
    </video>
  5. Para cambiar las dimensiones por defecto del vídeo que son 480x268, vamos a añadir los atributos width y height con unos valores un 30% menores. Quitamos el atributo loop.
      <video controls autoplay width="336" height="188">
    <source src="multimedia/guardar.mp4" type="video/mp4">
    </video>

    Puedes ver el resultado en este enlace: excel3.html

  6. Pulsa en el menú Archivo y elige Guardar con el mismo nombre el archivo html excel3.html. Visualiza la página web desde el editor Brackets con el botón .
  7. Si no dispones de un editor de texto (por ejemplo, si estás viendo este curso desde un dispositivo móvil) puedes probar el código anterior seleccionándolo y pegándolo como se explica en esta página: Probar código desde el navegador.

 


Enero-2019 (V 2.0)
Volver






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.