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