html 5 controlbar bottom/top disappear and never visible after fullscreen

4 replies [Last post]

Posted: Fri, 2011-09-23 04:37 Yauhen

I have problems with positioning controlbar.
Default logic works good. But I need to have control bar in bottom.
I have added controlbar.position bottom (I have also tried simple controlbar: 'bottom'). It works good in flash mode (for example ff).

In html 5 mode (IE 9.0.8112.16421, Chrome 12.0.742.112, flash version 10.3.183.7) it is correctly positioned in bottom and not disappear (by default it disappear in html5 I think due of over mode?). But after moving to fullscreen and then back after several seconds it disappear completely. Even hovering over it will not produce any results. Any ideas how to fix this? I have tried idlehide (see commented) without any success.

 var options =
             {
                 image: "preview.jpg",
                 controlbar: { position:'bottom'
                               /*,idlehide: false*/
                            },
                 file: "http://localhost/video/jw_player/test.mp4",
                 modes: [
                         { type: "html5" },
                         { type: "flash", src: "player.swf" }
                       ]
             };
		jwplayer("mediaplayer").setup(options);

Posted: Tue, 2011-09-27 18:05 PabloS

@Yauhen -

Please post a link to an example page which demonstrates the problem.

Posted: Fri, 2011-09-30 09:15 Yauhen

http://www26.brinkster.com/necromant/test/readme.html

Steps:
1) IE9. Browse
2) Play
3) Full screen
4) Normal screen
5) Move mouse from player.
6) Controlbar disappears. Why? I just want to use bottom
7) Move mouse back to player. No controlbar. Even not like over mode.

Posted: Mon, 2012-01-23 06:38 Divyanshu

@Yauhen
I'm facing the same issue.
Though strangely, it happens on Chrome and IE9 only.
On firefox 8, it seems to be working fine.

the player has the config - controlbar:'bottom' , and its fixed i.e it does not disappear on mouse-out.

When the html5 player goes into fullscreen mode, it starts hiding the controlbar on mouse-out (by toggling the css opacity property); and when it returns to the default size, on first mouse-out, the controlbar disappears again, but does not return on mouse-over - i guess that because the player's default config is set to controlbar:'bottom' which doesn't allow the hover behavior.

The problems are:
1. when the config is set to controlbar:"bottom", then even in the fullscreen mode, the controlbar should not disappear
2. when the player returns from the fullscreen mode, the controlbar should not hide since the config is set to 'bottom'

Posted: Mon, 2012-01-23 16:40 PabloS

@Divyanshu -

1. when the config is set to controlbar:"bottom", then even in the fullscreen mode, the controlbar should not disappear

The controlbar's expected behavior is to go into "over" mode in fullscreen and fade out.

2. when the player returns from the fullscreen mode, the controlbar should not hide since the config is set to 'bottom'

This should be working now. Please download the latest player build at http://developer.longtailvideo.com/trac/browser/trunk/fl5 and test it out. If it's not working, please include exact browser version numbers where the controlbar is fading out in 'bottom' mode.

html 5 controlbar bottom/top disappear and never visible after fullscreen

Post new comment

JW Player

AddOns

AdSolution

Bits on the Run

Open Video Ads

Company