css插入视频播放不了 |css跟css3的区别

最近在使用 CSS 插入视频时遇到了一些问题。偶使用的代码是这样的：

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

然后，偶在 HTML 文件中引用了这些代码并插入视频，但是视频却无法播放。经过查阅资料，偶发现这可能是由于浏览器不支持某些视频格式所造成的问题。 为了解决这个问题，偶尝试了以下几种解决方案： 方案一: 更改视频格式 首先，偶尝试更改视频格式，以便浏览器可以支持它。偶将视频格式从 MP4 改为了 WEBM，但依旧无法播放。 方案二: 使用 JavaScript 或 jQuery 偶采取了用 JavaScript 或 jQuery 在页面上插入视频的方法。这种方法可以确保视频在浏览器中播放，但需要编写额外的 JavaScript 代码，这使得网页加载速度变慢。 方案三: 添加 “controls” 属性 另一个解决方法是通过添加 “controls” 属性来播放视频。这样可以确保视频在浏览器中播放，但是它会显示浏览器自带的视频控件，而不是自定义控件。 最后，偶采取了第三种方法来解决偶的问题：添加 “controls” 属性。虽然这个方法不是最理想的，但它可以确保视频在浏览器中正常播放，并且不需要编写额外的代码。 综上所述，CSS 插入视频播放不了可能是由于浏览器不支持某些视频格式，可以通过更改视频格式或使用 JavaScript 或 jQuery 解决。但是最简单的方法是添加 “controls” 属性，虽然这样会显示浏览器自带的控件，但可以确保视频在浏览器中正常播放。