javascript - 为什么我可以在 css 中将 gif 设置为背景图片 url(),但不能将视频 mp4 设置为背景 url?

标签 javascript html css video

为什么我可以在css中将gif设置为背景图片url(),但是不能将视频mp4设置为背景url?

我尝试了所有方法,甚至将 url 设置为指向 svg,其中包含在 src 属性中编码为 base64 的外来对象视频。但行不通。

我不需要视频 bcg 作为 html 中的视频元素,我确实需要它,因为我可以使用继承背景和之前选择器模糊 child 的内容。

最佳答案

CSS 背景和背景图像属性只接受颜色、渐变、位图和 SVG 作为值。

我们可以创建一个简单的 HTML5 视频元素并将其放在容器元素中。海报属性中使用的图像将首先显示,然后在视频加载时替换为视频的第一帧。因此,最好将视频的第一帧用作海报图片。

关于javascript - 为什么我可以在 css 中将 gif 设置为背景图片 url(),但不能将视频 mp4 设置为背景 url?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46376550/

相关文章:

javascript - 如何在nodejs中裁剪屏幕截图或图像(.png)?

javascript - 从同一个类获取不同的内部 html

jquery - 如何通过滚动到新页面上的特定点来添加超文本链接?

html - Bootstrap 4 自定义滚动条

css - IIS 5.1 下的 MVC3 应用程序不加载 CSS 样式表

javascript - setInterval 如何异步运行

javascript - 回调函数的输出未被记录 (JavaScript)

javascript - 如果在线 css 文件的链接失效,请使用本地 css 文件

python - 带有 HTML 表单的 Django

javascript - 使用 JavaScript 而非 AppleScript 实现自动化的邮件规则