css中怎么添加视频mp4

CSS是建立在HTML和JavaScript之上的一种样式语言，使用它可以让你的页面变得更加美观和有趣。当你在开发网站时，你可能想要在页面中添加视频来展示你的产品，服务或想法。在这篇文章中，我们将学习如何在CSS中添加视频mp4。

video {
    width: 100%;
    height: auto;
}

<video controls>
    <source src="video.mp4" type="video/mp4">
</video>

首先，我们需要创建一个video元素。在CSS中，我们可以使用它来指定视频的大小，并且这也使我们能够将视频的样式与我们的网站风格相匹配。

接下来，我们需要指定视频的来源。在这个例子中，我们使用了mp4格式，但你也可以使用其他视频格式。我们将视频的来源放在一个source元素中，并且指定视频的type。这个type属性是必须的，因为它告诉浏览器如何解码并播放视频。

最后，我们将所有的元素放在一个video元素中，并且使用controls属性来添加播放器的控制栏，使用户可以播放，暂停，停止或调整音量。

添加视频是一项技术高超的工作，但是如果你遵循一些简单的步骤，你可以很容易地将视频嵌入到你的网站中，让你的页面变得更加丰富和有趣。