Maestro marcado de vídeo html5

Video: Insertar videos con etiquetas html5

En pocas palabras, hay dos elementos de medios primarios para HTML 5, ambos de los cuales son absurdamente fácil de usar. El elemento de vídeo se llama , y el elemento de audio lleva el nombre .

A diferencia de audio, que en realidad no requieren mucho (o cualquier otro) de espacio en la pantalla, vídeo requiere un marco de pantalla, así como controles más sofisticados y más numerosos. Es por eso que a pesar de los dos elementos de marcado son similares, vídeo viene con considerablemente más equipaje, a pesar de que la estructura básica del elemento sigue siendo el mismo:

Aquí el src puntos de atributo para el archivo de vídeo desea han reproducido. En él se especifica el nombre del fichero objeto de vídeo para su reproducción y debe ser un URI válido. Ejemplo: src =”video.ogg”.

La lista de atributos de control de vídeo es considerablemente más largo y un poco más complicado, también:

• auto reproducción: Indica al navegador para iniciar la reproducción de vídeo tan pronto como el archivo de objeto se carga. Ejemplos: auto reproducción o autoplay =”reproducción automática”.

• controles: Indica que el navegador muestre un widget de la pantalla para controlar la reproducción de vídeo (por lo general con pausa / reproducción botones, una barra de progreso y los controles de volumen). Ejemplos: controles o controles =”controles”.

• altura: Establece la altura, en píxeles, de la caja dentro de la cual se mostrará el video. Ejemplo: height =”480".

• lazo: Le dice al navegador que volver al principio y seguir jugando cuando se llega al final del archivo objeto. Ejemplos: lazo o loop =”bucle”.

• MediaGroup: Se utiliza para sincronizar la reproducción de varios vídeos o elementos multimedia (tales como una pista de lenguaje de señas o una pista de SAP). Toma un valor de cadena, donde todos los elementos con la misma MediaGroup valor se tratan juntos como miembros de ese grupo. Ejemplo: MediaGroup =”película”.

• apagado: Establece el estado de salida de audio para Playback- si está presente, el audio se silencia cuando comienza la reproducción. Utilice esta opción cuando en voz alta o de audio sorprendente de lo contrario podría molestar a visitantes de la página para que puedan elegir para encender el audio si les gusta. Ejemplos: apagado o silenciado =”silenciado”.

• póster: Especifica una imagen para mostrar mientras que el archivo de vídeo no está disponible (no se ha cargado todavía). Ejemplo: cartel =”poster.jpg”.

• precarga: Le dice al navegador si debe cargar el archivo objeto, y si es así cómo debe ser precargado. Los valores posibles son:

• ninguna: No se carga cualquier parte del archivo de vídeo cuando se carga la página.

• metadatos: La carga sólo los metadatos de vídeo cuando se carga la página. También establece la reproducción, pero no tiene datos aún cargados.

  Video: Reproductor de video HTML5 personalizado

• auto: Cargas de todo el archivo de vídeo cuando se carga la página.

  Video: Aprender HTML5 Introduccion

los precarga atributo se ignora si auto reproducción está presente.

El siguiente código muestra un fragmento de vídeo de Wikipedia: