JWPlayer用于全屏背景视频

时间:2012-02-15 19:39:25

标签: jquery html5 video fullscreen jwplayer

我希望将jwPlayer用于全屏背景视频,只需在循环中播放作为网站的背景。

我在这里测试一下,在Mac OSX上的Chrome中取得了一定的成功(请原谅视频文件的大小) - dextersgospel.com/full-screen-video.html

在页面加载时,我抓住浏览器窗口的宽度和高度,并将值设置为jwPlayer设置中的width和height参数。真棒。

现在我要添加的是在调整浏览器窗口大小时调整视频大小的功能。我已经查看了onResize()和onFullScreen()事件,但无法弄清楚如何实现这些以使其工作(或者告诉它们是否甚至是解决方案)。我也研究过jQuery resize()函数,但没有用。

我还想阻止视频在点击时暂停。

如果有人可以提供有关如何将jwPlayer用于全屏背景视频的一些提示,我们将不胜感激!

2 个答案:

答案 0 :(得分:2)

您可以使用http://dfcb.github.io/BigVideo.js/。这样做很好。 您也可以参考 How to use JWPlayer to play videos in the background of a web page

上的讨论

希望有所帮助:)

答案 1 :(得分:0)