我需要帮助实现在前台播放视频的网页(13秒内完整),同时在后台加载网页。
理想情况下,我想通过youtube或其他托管网址播放视频,因为我们有带宽限制,但如果没有替代方案,自托管也可以使用。
我能做到
<video autoplay loop muted poster="screenshot.jpg" id="background">
<source src="/sample-video.mp4" type="video/mp4">
</video>
并隐藏它on load
但如果你有一个更优雅的解决方案,我真的可以使用一些帮助。
答案 0 :(得分:0)
您可以使用bigvideo.js或Vide等插件轻松添加和管理全屏视频背景,在下方呈现您的网站内容,并在网站加载后淡出视频+视频已完成。只需确保查看每个插件的文档,看看是否有可以挂钩的视频事件来实现您正在寻找的效果。
就页面加载和设置而言,我同意上面提到的问题;只要脚本和元素可用,就可以立即启动视频。如果是这种情况,您需要确保您的视频尽可能轻松。使用小型预加载器或其他加载通知,加载视频元素+脚本并尽早开始播放,然后排队其他脚本和dom。