html中video作为banner的设置

效果前：

效果后预览

<video controls class="video"/> 通过css样式可以将其隐藏

//设置全屏平铺.video{width: 100%;height: 100%;display: block;object-fit: contain;
}/* 隐藏video 全屏按钮 */
.video::-webkit-media-controls-fullscreen-button {display: none;
}
/* 隐藏video 播放按钮 */
.video::-webkit-media-controls-play-button {display: none;
}
/* 隐藏video 进度条 */
.video::-webkit-media-controls-timeline {display: none;
}
/* 隐藏video 观看的当前时间 */
.video::-webkit-media-controls-current-time-display{display: none;
}
/* 隐藏video 剩余时间 */
.video::-webkit-media-controls-time-remaining-display {display: none;
}
/* 隐藏video 音量按钮 */
.video::-webkit-media-controls-mute-button {display: none;
}
.video::-webkit-media-controls-toggle-closed-captions-button {display: none;
}
/* 隐藏video 音量的控制条 */
.video::-webkit-media-controls-volume-slider {display: none;
}
/* 隐藏video 所有控件 */
.video::-webkit-media-controls-enclosure{ display: none;
}

html中video作为banner的设置相关推荐

php video标签使用方法,HTML_HTML5 video标签（播放器）学习笔记（一）:使用入门，近有在学习html5中video标签（播 - phpStudy...
HTML5 video标签(播放器)学习笔记(一):使用入门近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做 ...
HTML5新增的video标签,HTML5中video标签的使用方法
HTML5中video标签的使用方法发布时间:2020-08-27 11:33:56 来源:亿速云阅读:100 作者:小新这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...
css中字体大小font-size的设置
font-size CSS 属性指定字体的大小.因为该属性的值会被用于计算em和ex长度单位,定义该值可能改变其他元素的大小. /* <absolute-size>,绝对大小值 */ fo ...
vue3-video-play视频组件的使用（一）——基本使用 HTML5中Video标签的属性、方法和事件汇总
vue3-video-play视频组件的使用(一)--基本使用 & HTML5中Video标签的属性.方法和事件汇总 npm地址:https://www.npmjs.com/package/v ...
如何将uni-app中video标签播放按钮隐藏
uni-app中video标签播放按钮隐藏的坑... 项目需求是将视频放在展示列表上,刚开始的思路是直接将视频的首帧截取出来放在列表上,后来发现此方法实在太过麻烦.于是直接使用了video标签,将视频 ...
R语言plotly可视化：plotly可视化互相重叠的归一化直方图并在直方图中添加密度曲线kde、设置不同的直方图使用不同的分箱大小（bin size）、在直方图的边缘添加边缘轴须图
R语言plotly可视化:plotly可视化互相重叠的归一化直方图并在直方图中添加密度曲线kde.设置不同的直方图使用不同的分箱大小(bin size).在直方图的边缘添加边缘轴须图Marginal ...
SAP WM中阶之存储类型设置界面里的’Return Stock To Same Storage Bin’
SAP WM中阶之存储类型设置界面里的'Return Stock To Same Storage Bin' 在SAP WM存储类型的配置界面里,有一个选项叫做'Return Stock to Same ...
SAP QA32试图做UD,系统报错-工厂 BTYC中的 QM 基选设置需要维护
SAP QA32 试图做UD,系统报错 - 工厂 BTYC 中的 QM 基选设置需要维护 - 检验批 10000062593,试图做使用决策,系统报错, 工厂 BTYC 中的 QM 基选设置需要维护 ...
ISE中使用Notepad++的关联设置以及Notepad++的护眼设置（设置背景色）
一.ISE中使用Notepad++的关联设置由于Notepad++使用方便,兼容性好,故使用Notepad++进行编写Verilog HDL程序是一种明智的选择,且可以设置不同的主题,背景色,优待我 ...

html中video作为banner的设置

html中video作为banner的设置

效果前：

效果后预览

html中video作为banner的设置相关推荐

最新文章

热门文章