如何在视频开始时立即隐藏 JWPlayer 或 FlowPlayer 上的控制栏

发布于 2024-10-14 18:54:21 字数 244 浏览 7 评论 0原文

我有一个视频,需要在页面加载后立即开始播放(这是最简单的部分)。

我还可以将视频控制栏设置为“自动隐藏”,但我希望它最初是不可见的,因为它在视频开始时看起来非常混乱。

(我还有自己的按钮对应于视频中的“部分”,但我仍然希望人们在翻转时看到进度条)。

我尝试查看 JWPlayer 和 Flowplayer,它们都有自动隐藏控制栏,但它们都在启动时显示。

有没有办法最初不在这些播放器或其他播放器中显示控制栏?

I have a video that I need to immediately start playing when my page has loaded (that's the easy part).

I can also set the video control bar to 'auto-hide' but I'd like it to be initially invisibile because it looks really messy on top of the video as it starts.

(I also my own buttons corresponding to 'sections' in the video but I'd still like people to see a progress bar if they rollover).

I've tried looking at both JWPlayer and Flowplayer and both have auto-hiding control bars, but they both display on startup.

Is there a way to not initially show the control bar in either of these players - or some other player?

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

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

发布评论

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

评论(1

我也只是我 2024-10-21 18:54:21

好的,我找到了 JWPlayer 的答案:

来自 此处

添加 "controlbar.idlehide": true 作为 flashvar

var player = jwplayer("ANIM_INTRO1").setup(
    {
        flashplayer: "/content/jw5.4/player.swf")",
        file: "test/FULL-VIDEO.f4v",
        streamer:  'rtmp://flvstream.example.com/cfx/st',
        autostart: true,
        height: 242, width: 555,
        "controlbar.idlehide": true,
    }

这似乎是最近添加的,因为我还发现了一些早期的帖子(在同一线程中)抱怨这是不可能的 - 与代码来修补源。

OK I found the answer for JWPlayer :

From here

Add "controlbar.idlehide": true as a flashvar

var player = jwplayer("ANIM_INTRO1").setup(
    {
        flashplayer: "/content/jw5.4/player.swf")",
        file: "test/FULL-VIDEO.f4v",
        streamer:  'rtmp://flvstream.example.com/cfx/st',
        autostart: true,
        height: 242, width: 555,
        "controlbar.idlehide": true,
    }

This appears to be fairly recent addition as I also found some earlier posts (in the same thread) complaining this wasn't possible - with code to patch the source.

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