JWPlayer用于全屏背景视频

Question

我想使用jwPlayer作为全屏背景视频，循环播放作为网站的背景。

我正在这里测试，在Mac OSX上的Chrome浏览器中取得了一定的成功（请原谅视频文件的大小）- dextersgospel.com/full-screen-video.html

在页面加载时，我获取浏览器窗口的宽度和高度，并将这些值设置为jwPlayer设置中的宽度和高度参数。太棒了。

现在我想添加的功能是，如果浏览器窗口大小调整，则调整视频大小。我已经研究了onResize()和onFullScreen()事件，但无法弄清如何实现这个功能（或者说这些是否是解决方案）。我还研究了jQuery的resize()函数，但没有成功。

我还想防止视频在单击时暂停。

如果有人能提供关于如何使用jwPlayer进行全屏背景视频的提示，那将不胜感激！

- nickff

---

将以下代码添加到我的document.ready中似乎解决了问题： $(window).resize(function(e) { var new_w_height = $(window).height(); var new_w_width = $(window).width(); jwplayer("video").resize(new_w_width, new_w_height); }); - nickff

Answer 1

您可以使用http://dfcb.github.io/BigVideo.js/来实现，这个工具做得非常好。 此外，您还可以参考这里的讨论：如何使用JWPlayer在网页背景中播放视频。 希望能对您有所帮助 :)

- Hitesh

Answer 2

使用全屏模式

setFullscreen(state)

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference#Function

- Dhamu

---

全屏不等于将其用作背景。 - robertklep

jwplayer官方表示他们没有setFullscreen（state）方法。你从哪里得到这个信息的？ - Peter Huang