登陆页面的大背景视频需要一段时间才能加载

问题描述 投票:0回答:1

我对 html/css 还很陌生,我有一个为 UX 设计项目编写的作品集网站,我通过 github 文件中的 digitalocean 托管该网站。

我的登陆页面背景是一个视频,而且是一个相当大的视频,占据了整个屏幕。这显然需要一段时间才能加载 - 现在它只是作为视频元素嵌入到 html 中。

我尝试过压缩它、缩短它等,但对于其他人来说仍然需要一段时间才能加载(不是我,因为我已经加载了很多次)

我想知道是否还有其他方法可以将此视频放在这里。我在网上看到了一些关于将视频托管在其他地方(例如 vimeo)并嵌入它的信息,以便它自动托管在网上的其他地方。像这样的东西适用于自动播放和循环的背景视频吗?

是否有其他地方可以托管该视频并在用户首次加载时将其流式传输到我的网站?

大多数网站是如何做到这一点的?我见过很多产品的登陆页面,其中包含可立即加载的大型高分辨率视频。

感谢您的帮助

javascript html css video
1个回答
0
投票

就像您在帖子中提到的那样,必须在另一个网站上托管。您可以使用该元素在网页中显示视频。

如果您将视频上传到 youtube,您可以将其嵌入到您的页面中,如下所示:

<iframe width="your_width_px" height="your_height_px"
src="https://www.youtube.com/embed/videoIDhere">
</iframe>

如果您想自动播放或以静音方式启动视频,您可以使用以下命令:

<iframe width="your_width_px" height="your_height_px"
src="https://www.youtube.com/embed/videoIDhere?autoplay=1&mute=1">
</iframe>

希望这有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.