Red de conocimiento informático - Material del sitio web - ¿Cómo quitar u ocultar los controles de la etiqueta de vídeo en HTML5 en el terminal móvil?

¿Cómo quitar u ocultar los controles de la etiqueta de vídeo en HTML5 en el terminal móvil?

Los dos métodos son los siguientes:

1. Utilice css para ocultar el control de reproducción de vídeo:

ltstyle type="text/css "

Vídeo: :-webkit -controles-media{?

Pantalla: ¡Ninguna! Importante;

}

lt/style gt;

Css oculta los controles de video html5 nativos, por lo que incluso si los controles no están configurados en falso, los controles nativos No volverá a aparecer. Otros botones incluyen el botón de reproducción, la barra de progreso de reproducción, el botón de silencio, la barra de volumen, etc. , que se puede personalizar como el botón de pantalla completa. No sólo esconderse.

2. Utilice js para ocultar el control de reproducción de vídeo:

ltscript type = " text/JavaScript " gt;

var video = document . video " );?

video.controls = false

lt/script gt;

Aunque los videos HTML5 pueden mostrar controles y controlar la reproducción y pausa, los efectos de visualización de diferentes navegadores pueden son diferentes, por lo que algunas operaciones y controles personalizados a menudo requieren Dom.

Datos extendidos:

Nuevos atributos en la etiqueta de vídeo HTML5:

1. Reproducción automática: si aparece este atributo, el vídeo se reproducirá tan pronto como esté listo. .

2. Control: Si aparece este atributo, se mostrarán al usuario controles, como un botón de reproducción.

3. Altura: Establece la altura del reproductor de vídeo.

4. Bucle: si este atributo está presente, el archivo multimedia comenzará a reproducirse nuevamente después de terminar de reproducirse.

5.muted: Especifica que la salida de audio del vídeo debe estar silenciada.

6.poster: Especifique la imagen que se mostrará cuando se descargue el vídeo, o la imagen que se mostrará antes de que el usuario haga clic en el botón de reproducción.

7.preload: Si este atributo está presente, el vídeo se cargará cuando la página esté cargada y lista para reproducirse.

8.src: URL del vídeo a reproducir.

9. Ancho: Establece el ancho del reproductor de vídeo.

Vídeo de la Enciclopedia Baidu-html5