Question

我正在尝试设置一个带有背景视频的主页，该背景视频可以随着浏览器的扩展而获取不同的视频编辑内容。到目前为止，我已经能够创建整页视频并编辑了初始视频以适合各种断点。

我了解到video元素不接受srcset并且已经进行了广泛搜索。有人知道解决方案吗？

我正在采用移动优先的开发方法，对于这个特殊的视频作品，我希望断点分别为768px，1200px和1600px

非常感谢

#myVideo    {
            z-index: -1;
              position: fixed;
              right: 0;
              bottom: 0;
              min-width: 100%; 
              min-height: 100%;
}

<video playsinline muted controls id="myVideo"
               src="video/COMP27home_loop_432x768.mp4" poster="images/home_loop_432x768_Moment.jpg">
          Your browser does not support HTML5 video.
            
        </video>

Answer 1

您必须阅读有关视频标签的文档。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

通过阅读文档，您可以找到有关本机事物的解决方案。您无需定义自定义样式或其他任何内容。

响应式全页视频，可以查询其他设备的其他编辑版本

1 个答案: