Cómo reproducir vídeo usando html5

2. Establezca el tamaño de la ventana de video mediante el ancho y el alto

1

3. Precargar medios. mp4" controla width="400" height="300">1

3. Precargar archivos multimedia

Establecer diferentes valores de atributos de precarga puede indicarle al navegador qué qué hacer Cómo cargar archivos multimedia:

(1) El valor es automático: permite que el navegador descargue automáticamente el archivo completo

(2) El valor es ninguno: el navegador no es necesario precargar el archivo

(3) Valor de metadatos: permita que el navegador obtenga primero los bloques de datos al comienzo del archivo de video. Estos bloques de datos son suficientes para determinar cierta información básica (por ejemplo: el título). del archivo de video, el título del archivo de video, el título del archivo de video, el video El título del archivo, el título del archivo de video, el título del archivo de video, el título del archivo de video, el título del archivo de video, el título del archivo de video, el título del archivo de video, el título del archivo de video, el título del archivo de video).,

12

4, reproduce automáticamente

(1) Usar el atributo de reproducción automática para permitir que el navegador reproduzca el archivo de vídeo inmediatamente después de cargarlo

1

(2. ) Si la reproducción automática está habilitada, puede silenciar el reproductor. Esto silenciará la reproducción automática y evitará que el usuario se aburra al hacer clic en el icono del altavoz del reproductor.

1

5. Bucle

Usa el atributo de bucle para permitir que el video comience a reproducirse desde el principio después de que termine.

1

6. Configura la imagen para reemplazar el video (imagen de portada)

. Utilice el atributo de póster para configurar el navegador para que utilice la imagen en las tres situaciones siguientes:

(1) El primer fotograma del vídeo no está cargado

(2) Configure la precarga atributo a Ninguno

(3) No se encontró el archivo de vídeo especificado

1

7. Compatibilidad del navegador, cómo hacer que cada navegador reproduzca videos sin problemas

Actualmente, la mayoría de los navegadores pueden admitir videos en formato H.264. formato, pero aún no es compatible con el navegador Opera. Necesitamos asegurarnos de que todos puedan ver el video a través del respaldo; generalmente existen las siguientes opciones:

(1) Usar múltiples formatos de video

Podemos añadir vídeos en formato WebM para dar soporte a Opera.

1234

(2) Agregar respaldo de Flash (recomendado)

El método anterior no se recomienda porque Opera representa menos del 1% de los navegadores. Sería demasiado trabajo transcodificar todos los vídeos. Usar Flash como solución de reproducción alternativa es más sencillo y Flash es compatible con navegadores más antiguos como IE8, que ni siquiera admiten el elemento

Aquí utilizamos Flowplayer Flash como reproductor alternativo (descarga local: flowplayer-3.2.18.zip)