HTML5中使用video标签

参考链接

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

隐藏下载：nodownload
隐藏播放速度：noplaybackrate
隐藏画中画：disablePictureInPicture="true"
隐藏三个点：controlslist="nodownload noplaybackrate"
隐藏音量按钮：

// 隐藏video 音量按钮
video::-webkit-media-controls-mute-button {
  display: none !important;
}
// 音量按钮
video::-webkit-media-controls-volume-control-container {
  display: none !important;
}
1
2
3
4
5
6
7
8

效果图：