¿Cómo quitar u ocultar los controles de la etiqueta de vídeo en HTML5 en el terminal móvil?
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