CSS video控件去掉视频播放条
两种方法如下：
1、用css隐藏video视频播放控件：
<style type="text/css">video::-webkit-media-controls{display:none !important;}
</style>
css隐藏原生html5 video controls，这么设置后即使没有设置controls为false，native controls也不会再出现。其他的按钮，包括播放按钮、播放进度条、静音按钮、音量条等，都可以像全屏按钮一样自定义样式。不止是隐藏。
2、用js隐藏video视频播放控件：
<script type="text/javascript">var video=document.getElementById("video"); video.controls=false;
</script>
tips
HTML5的video虽然可用controls来展示控件，并进行控制播放暂停等，但是不同的浏览器显示的效果可能不一样，所以很多时候需要使用Dom来进行自定义的一些操作和控制。