javascript - 如何在背景图像中启用视频或照片?

标签 javascript html css

我有这个:

                       <div class="Photo" id="Photo1" style="background-image: url(https://picsum.photos/1000/850);"></div>

所以我可以动态加载图像。

    document.getElementById("Photo1").style.backgroundImage='url('+data[0]+')';

但是,有些用户更喜欢照片和视频。 我想创建一个 div/style 来动态加载视频或照片(因此它可以是照片或视频)

最佳答案

对于通过 CSS 的视频背景,使用简单的方法检查该视频,还有 js 和 jquery 的替代方案

https://www.youtube.com/watch?v=05ZHUuQVvJM

关于javascript - 如何在背景图像中启用视频或照片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55946012/

相关文章:

javascript - React 中客户端身份验证的示例

javascript - AngularJS 中最近的父选择器

javascript - 创建作为函数参数给出的数组联合

html - 定位旋转inline-block伪元素

javascript - 显示 block 后立即转换翻译动画

javascript - 使 javascript 警告/确认对话框更加可见(尤其是在 Google Chrome 浏览器中)

javascript - 使用 base64 编码图像是否有一些性能优势?

html - 2 列布局流体可调宽度

css - 制作基于 sass (scss) 的网格 - 如何使用一个声明创建类名列表

css - 需要两个 block 在文本的右侧对齐 - 可能吗?