css div视频 |scss.bat 文件下载

<div id="video">
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
</video>
</div>#video {
width: 500px;
height: 300px;
position: relative;
margin: 0 auto;
}
#video video {
width: 100%;
height: 100%;
}
#video:hover video {
transform: scale(1.2);
}

在上面的代码中，大家首先创建了一个 id 为“video”的 div 元素，并在其中嵌入了 video 元素。大家为 video 元素添加了 controls 属性，以便用户可以控制视频的播放进度。在 video 元素中，大家还使用了 source 元素来提供多种不同格式的视频文件。

接下来，在 CSS 样式表中，大家为 id 为“video”的 div 元素设置了宽度和高度，并将其定位为相对位置。大家还使用了 margin 属性来将其水平居中对齐。

对于 video 元素，大家将其宽度和高度设置为 100%，以保证它填满整个 div 容器。此外，大家还使用了 :hover 伪类选择器，为视频添加了一个鼠标悬停效果，使其在鼠标移动到上面时放大 20%。

总的来说，CSS div 视频技术可以让大家轻松地实现可定制的、美观的视频效果。大家只需要使用 CSS 样式表来设置样式和效果，而不需要编写任何 JavaScript 代码。