隐藏原生HTML5视频控件

2019-05-201948次阅读HTML

有时您可能需要进行自定义HTML5视频控件开发,那么您就需要先隐藏原生HTML5视频控件。
一、video元素添加controls属性则显示HTML5视频控件,反之则隐藏原生HTML5视频控件。
二、打开chrome浏览器控制台显示shadow DOM,检查shadow DOM元素会发现::webkit-media-controls样式。

::webkit-media-controls{
    display:none;
}

此设置就会隐藏原生HTML5视频控件。

上一篇: chrome浏览器控制台显示shadow DOM  下一篇: 锚点定位更平滑css实现scroll-behavior  

隐藏原生HTML5视频控件相关文章