PHP技术论坛

标题: html+css把MP4视频作为背景 [打印本页]

作者: admin 时间: 2021-4-17 08:52
标题: html+css把MP4视频作为背景

<body style="height: 100%;width: 100%;position=relative">
<video src="xxx.mp4" style="width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;" autoplay="autoplay" loop="loop" muted="muted"></video>
</body>

复制代码

muted 静音播放

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。

object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。

欢迎光临 PHP技术论坛 (http://php.hh85.com/)