首页 >

css中video |css 竖线加点

行书css代码,css display隐藏属性,css文本中添加竖线,css 侧边栏果冻特效,css动画结束时跳回,css img动态图效果,css 竖线加点css中video |css 竖线加点
video {
width: 100%;
height: auto;
background-color: black;
}
video:not([controls]) {
display: none;
}

video模块可以设置视频的宽度和高度,以及背景色。下面的示例是将视频填充整个屏幕,背景色为黑色。

video也可以设置控件的显示与隐藏。在下面的示例中,如果video没有controls属性,那么就会隐藏它。

video::-webkit-media-controls {
display: none !important;
}
video::-webkit-media-controls-enclosure {
width: 0 !important;
height: 0 !important;
overflow: hidden;
}

如果需要完全自定义视频控件,可以用下面的代码来实现。它会隐藏掉默认的控件,并将控件容器的大小设为0。

另外,video模块还支持其他的一些属性和方法,如:autoplaylooppreload等属性,以及play()pause()等方法。


css中video |css 竖线加点
  • css3边框和边界 |css3input单选
  • css3边框和边界 |css3input单选 | css3边框和边界 |css3input单选 ...

    css中video |css 竖线加点
  • css怎么导入scss |css新增伪类
  • css怎么导入scss |css新增伪类 | css怎么导入scss |css新增伪类 ...

    css中video |css 竖线加点
  • css字体上间距 |css怎么把实线变短
  • css字体上间距 |css怎么把实线变短 | css字体上间距 |css怎么把实线变短 ...