在 window 加载时添加全屏视频前景
Add Full Screen Video foreground while window is loading
我需要帮助实现一个在后台加载网页时在前台播放视频（完整 13 秒）的网页。
理想情况下，我想通过 youtube 或其他托管平台播放视频 URL，因为我们有带宽限制，但如果别无选择，自托管也可以。
我可以
<video autoplay loop muted poster="screenshot.jpg" id="background">
<source src="/sample-video.mp4" type="video/mp4">
</video>
并隐藏它 on load 但如果您有更优雅的解决方案，我真的需要一些帮助。
您可以使用 bigvideo.js or Vide 等插件轻松添加和管理全屏视频背景，在下方呈现您的网站内容，并在您的网站加载 + 视频完成后淡出视频。请确保查看每个插件的文档，看看是否有您可以挂接的视频事件以实现您正在寻找的效果。
就页面加载和设置而言，我同意上述担忧；一旦脚本和元素可用，完全有可能启动视频。如果是这种情况，您需要确保您的视频尽可能轻盈。使用小型预加载器或其他加载通知，加载视频元素+脚本并尽早开始播放，然后排队其他脚本，然后dom。
我需要帮助实现一个在后台加载网页时在前台播放视频（完整 13 秒）的网页。
理想情况下，我想通过 youtube 或其他托管平台播放视频 URL，因为我们有带宽限制，但如果别无选择，自托管也可以。
我可以
<video autoplay loop muted poster="screenshot.jpg" id="background">
<source src="/sample-video.mp4" type="video/mp4">
</video>
并隐藏它 on load 但如果您有更优雅的解决方案，我真的需要一些帮助。
您可以使用 bigvideo.js or Vide 等插件轻松添加和管理全屏视频背景，在下方呈现您的网站内容，并在您的网站加载 + 视频完成后淡出视频。请确保查看每个插件的文档，看看是否有您可以挂接的视频事件以实现您正在寻找的效果。
就页面加载和设置而言，我同意上述担忧；一旦脚本和元素可用，完全有可能启动视频。如果是这种情况，您需要确保您的视频尽可能轻盈。使用小型预加载器或其他加载通知，加载视频元素+脚本并尽早开始播放，然后排队其他脚本，然后dom。