<!--初始标签--><video controls="controls"><source src="~/Content/Images/74d6af65-41f5-4be4-ba3d-e63b90107100.mp4" type="video/mp4" /></video>
效果图
css隐藏一些视频操作
/*播放按钮*/video::-webkit-media-controls-play-button {display: none !important;}/*当前播放时间*/video::-webkit-media-controls-current-time-display {display: none !important;}/*剩余时间*/video::-webkit-media-controls-time-remaining-display {display: none !important;}/*音量按钮*/video::-webkit-media-controls-volume-control-container {display: none !important;}/*全屏*/video::-webkit-media-controls-fullscreen-button {display: none !important;}/*时间轴*/video::-webkit-media-controls-timeline {display: none !important;}/*更多选项 --然而并不生效*/video::-internal-media-controls-overflow-button {display: none !important;}
css效果图
video标签属性介绍
<!--1.preload="" 属性有三个可选择的值：none不进行预加载、metadata部分预加载、auto 全部预加载,不写默认是preload="auto"2.controls="controls"点击视频播放3.autoplay="autoplay"自动播放4.loop="loop"循环播放5.muted="muted"禁音播放6.controlslist=""属性可空格隔开写多个值,可选择的值：nodownload: 不要下载、nofullscreen: 不要全屏、noremoteplayback: 不要远程回放7.disablePictureInPicture="true"不要画中画 -->
隐藏video 右侧"三个点按钮更多"
<!--只要把controlslist属性设置下--><video controls="controls" controlslist="nodownload noplaybackrate noremoteplayback " disablePictureInPicture="true"><source src="~/Content/Images/74d6af65-41f5-4be4-ba3d-e63b90107100.mp4" type="video/mp4" /></video>
效果图
video屏蔽右键
$('video').bind('contextmenu', function () {return false;})
