video标签样式属性设置

 <!--初始标签-->
 <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;
  })