How to immediately hide control bar on either JWPlayer or FlowPlayer as video starts

jwplayer flowplayer
Simon_Weaver picture Simon_Weaver · Jan 27, 2011 · Viewed 12.7k times · Source

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?

Answer

Simon_Weaver picture Simon_Weaver · Jan 27, 2011

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.

Related questions

Responsive video player

I need a video player for responsive layout website which is developed by using bootstrap. That means when i do re-size the screen or viewing the page in different size screens the player should be automatically fit to the screen. …

Read More
m3u8 & RTMP & RTSP Playbacks on FlowPlayer or JWPlayer?

Actually mine is Wowza behind. It comes out with following streams for my Application: http://.................../mychannel/playlist.m3u8 rtmp://.................../mychannel&streamType=live rtsp://.................../mychannel http://.................../mychannel/Manifest I am fine with using native HTML5 Video Tag for HTTP, …

Read More
How To Extract .flv Stream from JW Player 5.1?

The problem is I've a slow internet connection, and the video doesn't buffer like in YouTube. Therefore I was wondering weather I can extract the url of the .flv file which is being streamed in JW Player and directly download …

Read More