用于全屏背景视频的 JWPlayer

发布于 2025-01-05 11:29:14 字数 513 浏览 0 评论 0原文

我希望使用 jwPlayer 来播放全屏背景视频,该视频只是作为网站的背景循环播放。

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

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

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

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

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

I'm looking to use jwPlayer for fullscreen background video that simply plays in a loop as the background of the site.

I'm testing this here, with moderate success in Chrome on Mac OSX (please excuse the size of the video file) - dextersgospel.com/full-screen-video.html

On page load, I grab the width and height of the browser window and set the values as the width and height parameters in jwPlayer setup. Awesome.

Now what I would like to add is functionality that resizes the video if the browser window is resized. I've looked into the onResize() and onFullScreen() events, but can't figure out how to implement those to make this work (or tell if those are even the solution). I've also looked into the jQuery resize() function, to no avail.

I would also like to prevent the video from being paused when clicked.

If anyone could provide some tips on how to use jwPlayer for fullscreen background video, it would be much appreciated!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

人间不值得 2025-01-12 11:29:14

您可以使用 http://dfcb.github.io/BigVideo.js/ 。这一点做得很好。
您也可以参考这里的讨论
如何使用JWPlayer在网页后台播放视频

希望有帮助:)

you can use http://dfcb.github.io/BigVideo.js/ . This does it quite well.
Also you can refer to discussion here on
How to use JWPlayer to play videos in the background of a web page

Hope it helps :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文