在加载窗口时添加全屏视频前景

时间:2016-06-21 14:30:36

标签: javascript wordpress html5 video-streaming html5-video

我需要帮助实现在前台播放视频的网页(13秒内完整),同时在后台加载网页。

理想情况下,我想通过youtube或其他托管网址播放视频,因为我们有带宽限制,但如果没有替代方案,自托管也可以使用。

我能做到

<video autoplay loop muted poster="screenshot.jpg" id="background">
<source src="/sample-video.mp4" type="video/mp4">
</video>

并隐藏它on load但如果你有一个更优雅的解决方案,我真的可以使用一些帮助。

1 个答案:

答案 0 :(得分:0)

您可以使用bigvideo.jsVide等插件轻松添加和管理全屏视频背景,在下方呈现您的网站内容,并在网站加载后淡出视频+视频已完成。只需确保查看每个插件的文档,看看是否有可以挂钩的视频事件来实现您正在寻找的效果。

就页面加载和设置而言,我同意上面提到的问题;只要脚本和元素可用,就可以立即启动视频。如果是这种情况,您需要确保您的视频尽可能轻松。使用小型预加载器或其他加载通知,加载视频元素+脚本并尽早开始播放,然后排队其他脚本和dom。