video标签预览图片蒙层
时间: 2023-10-27 16:08:08 浏览: 66
要在video标签上实现预览图片蒙层效果,你可以通过在video标签外部包裹一个div元素,并给这个div元素添加一个蒙层样式。具体做法如下所示:
```html
<div class="dimback">
<video controls="controls" preload="auto"></video>
</div>
```
然后,在CSS中设置这个蒙层样式,如下所示:
```css
.dimback {
background: #000;
}
.dim {
opacity: 0.6;
filter: alpha(opacity=60);
}
```
这样就可以实现video标签预览图片蒙层的效果了。
阅读全文