Using the video tag in HTML5

Reference link

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

Hide downloads: nodownload
Hide playback speed: noplaybackrate
Hide picture-in-picture: disablePictureInPicture="true"
Hide three dots: controlslist="nodownload noplaybackrate"
Hide volume buttons:

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

Rendering:

Insert image description here

Guess you like

Origin blog.csdn.net/Y1914960928/article/details/132882166