用于全屏幕背景视频的JWPlayer

问题描述:

我正在寻找使用jwPlayer播放全屏幕背景视频,该视频只是作为网站的背景在循环播放。用于全屏幕背景视频的JWPlayer

我在这里测试此,兼容Mac OSX在Chrome一定的成功(请原谅视频文件的大小) - dextersgospel.com/full-screen-video.html

在页面加载,我抢了浏览器窗口的宽度和高度,在jwPlayer设置中将值设置为宽度和高度参数。真棒。

现在我想添加的功能是调整视频的大小,如果浏览器窗口调整大小。我研究过onResize()和onFullScreen()事件,但无法弄清楚如何实现这些工作(或者说这些工作甚至是解决方案)。我也研究过jQuery的resize()函数,但无济于事。

我也想阻止视频被点击时暂停。

如果有人可以提供关于如何使用jwPlayer进行全屏幕背景视频的一些提示,那将非常感谢!

+2

添加该到我的document.ready似乎做的伎俩:$(窗口).resize(函数(E){ \t \t \t \t \t变种new_w_height = $(窗口).height(); \t \t \t \t \t变种new_w_width = $(窗口).WIDTH(); \t \t \t \t \t jwplayer(“video”)。resize(new_w_width,new_w_height); \t \t \t \t}); – nickff 2012-02-15 23:09:43

+0

全屏与使用它作为背景不一样。 – robertklep 2013-04-08 07:12:02

+0

jwplayer官方说他们没有setFullscreen(状态)方法。你从哪里得到这些信息? – sh977218 2014-06-26 14:04:52

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

希望它能帮助:)