时间戳

首页 > 解决方案 > 网站背景的全屏视频需要很长时间才能加载到网站

php - 网站背景的全屏视频需要很长时间才能加载到网站

问题描述

我正在为我的网站背景构建一个全屏视频，它一直是自动播放和循环的。它运行良好，但加载视频需要很长时间（大约 3 分钟）。

视频为 9 MB 和 1280 * 720。我尝试使用许多在线网站压缩视频，但仍然存在同样的问题，并且影响了视频的分辨率。

我正在使用 HTML5 和 PHP 编程。这是代码：

 <video playsinline autoplay muted loop poster="/media/video/poster.png">
    <source src="/media/video/test.webm" type="video/webm">
    <source src="/media/video/test.mp4" type="video/mp4">
    <source src="/media/video/test.ogg" type="video/ogg">
</video>

如果您知道另一种可以帮助我实现目标的编程技术，我感谢您的帮助。

标签： phphtmlcssvideovideo-streaming

解决方案

将 muted 属性放在 autoplay 属性之前，如下所示：

<video playsinline muted autoplay loop poster="/media/video/poster.png">
    <source src="/media/video/test.webm" type="video/webm">
    <source src="/media/video/test.mp4" type="video/mp4">
    <source src="/media/video/test.ogg" type="video/ogg">
</video>

这将大大减少您的加载时间，因为必须将音频静音才能自动播放（尤其是在 IOS/Safari 中）请参阅caniuse。

希望这可以帮助

推荐阅读