jquery - 全屏背景视频的 JWPlayer

标签 jquery html video fullscreen jwplayer

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

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

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

现在我想添加的是在调整浏览器窗口大小时调整视频大小的功能。我查看了 onResize() 和 onFullScreen() 事件,但无法弄清楚如何实现这些事件以使其工作(或者判断这些是否是解决方案)。我还查看了 jQuery resize() 函数,但无济于事。

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

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

最佳答案

你可以使用http://dfcb.github.io/BigVideo.js/ .这做得很好。 您也可以引用此处关于 How to use JWPlayer to play videos in the background of a web page 的讨论。

希望对您有所帮助:)

关于jquery - 全屏背景视频的 JWPlayer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9300090/

相关文章:

javascript - jQuery:验证规则未按预期工作

javascript - Google map HTMLMarker(循环不同位置)

html - 更改背景位置和图像淡入淡出

android - 如何在android中捕获H.264编码的帧?

javascript - 带有标记的谷歌地图未出现 map

javascript - 等待 ajax 响应来填充对象

android - 如何样式化 (CSS) 由 Android 应用程序 (Intent) 创建的电子邮件的 HTML 正文?

html - 将顶部的 3 个 div 列与影响其状况的各种内容对齐

c++ - 如何将 LibVLC 中的 D3DDevice 传递为 "HWND"

html - 如何在现代 Chrome 上访问 video.play() API