HTML5中使用video标签

参考链接

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

隐藏下载: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;
}

效果图:

你可能感兴趣的:(Html+Css,html5,前端)