Usando la etiqueta de video en HTML5

Link de referencia

<video
	controls
	controlslist="nodownload noplaybackrate"
	disablePictureInPicture="true"
	disableRemotePlayback="true"
	src="https://www.runoob.com/try/demo_source/movie.mp4"></video>

Ocultar descargas: nodownload
Ocultar velocidad de reproducción: noplaybackrate
Ocultar imagen en imagen: disablePictureInPicture="true"
Ocultar tres puntos: controlslist="nodownload noplaybackrate"
Ocultar botones de volumen:

// 隐藏video 音量按钮
video::-webkit-media-controls-mute-button {
     
     
  display: none !important;
}
// 音量按钮
video::-webkit-media-controls-volume-control-container {
     
     
  display: none !important;
}

Representación:

Insertar descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/Y1914960928/article/details/132882166
Recomendado
Clasificación