This is a message.

Controls over video Created Nov 12, 2008

This thread is solved

Views: 3914     Replies: 16     Last reply Jan 14, 2012  
You must login first before you can use this feature

electroteque

Posts: 278

Registered:
Nov 12, 2008

Controls over video

Posted: Nov 12, 2008

I've discovered that the controls overlay over the video cutting it so when autohide is off it cuts the video. When the flash height is expanded, the screen object is in the middle even though I have the top set to 0 for screen, and the controls still covers the video a little. What can be done so the plugin height can be increased, the video screen object goes to 0,0, and the controls fits nicely in the very bottom underneath the video, right now its not doing that so autohide needs to be enabled.

Anssi
Flowplayer Flash & video streaming developer

Posts: 1197

Registered:
Jul 24, 2007

» Controls over video

Posted: Nov 12, 2008

Reply to: Controls over video, from electroteque
Do you mean that the screen is always cut by the controls?

You can always specify your own settings for the screen dimensions and position in the configuration:

 screen: {
    top: 0,
    left: 0,
    width: '100%',
    height: '100%'
 },
 plugins: {
    // put the controls over the screen, semi-transparent
    controls: {
     bottom: 20,
     width: '80%',
     alpha: 0.8
   }
 } 
But... by default the controls should not overlap the video. Was this what you discovered?

electroteque

Posts: 278

Registered:
Nov 12, 2008

» » Controls over video

Posted: Nov 12, 2008

Reply to: » Controls over video, from Anssi
Yeh tried everything. If i increase the flash plugin heigh to give room for the video, the screen does not go to the top of the stage, there isa gap at the top of the video. Lets say a video is 300 in height I have it set to 350, the controls fit underneath but there is a gap at the top, screen doesnt move to the top, and nothing seems to force it.

Its something to do with this, its setting screen to the bottom just above the control bar

//screen.bottom = controlsHeight;

Christian Ebert
Flowplayer support

Posts: 3024

Registered:
May 27, 2008

» » » Controls over video

Posted: Nov 12, 2008

Reply to: » » Controls over video, from electroteque
I can confirm this.

Up to now I always hid controls, but for jquery.overlay.js (really nice otherwise) I wanted to turn them on, and the only way I found to not cut the bottom off the video was to increase the canvas width -- as a result the top of the video was cut off :-( On the other hand increasing the screen height over 100% looks really ugly.

Christian Ebert
Flowplayer support

Posts: 3024

Registered:
May 27, 2008

» » » Controls over video

Posted: Nov 12, 2008

Reply to: » » Controls over video, from electroteque
I finally solved it, or worked around it, as I think this might qualify as a bug.

Given a video size of 640x480, we add the controlbar height (24) in css:

<pre>.player {
        width: 640px;
        height: 504px;
        display: block;   }

Now the trick is to set

<pre>screen:{bottom:12}

to half the controlbar height!

Otherwise either the top of the movie is cut off or the movie slides down or ...

It seems screen.bottom also adds to screen.top

electroteque

Posts: 278

Registered:
Nov 12, 2008

» » Controls over video

Posted: Nov 12, 2008

Reply to: » Controls over video, from Anssi
Its pretty obvious just set autohide to never, and i guess turn on alpha to notice the control bar is over the video and clipping the bottom.

Anssi
Flowplayer Flash & video streaming developer

Posts: 1197

Registered:
Jul 24, 2007

» » » Controls over video

Posted: Nov 12, 2008

Reply to: » » Controls over video, from electroteque
I cannot reproduce this. I have a semi-transparent controlbar, and clip's scaling is the default one. Controls don't go over the video in the normal mode and not in fullscreen.

Can you have a sample page on-line?

Christian Ebert
Flowplayer support

Posts: 3024

Registered:
May 27, 2008

» » » » Controls over video

Posted: Nov 12, 2008

Reply to: » » » Controls over video, from Anssi
Hm, contrary to the docs the default scale seems to be 'scale' now; and if that is true, there would be a slight distortion in the video (wide-screen for the poor ;-) ) to make room for the controlbar. You have to try with 'fit' to preserve the movie dimensions.

You can see working samples (screen:bottom half of additional player height) athttp://www.blacktrash.org/underdogma/ -- click on 1 of the small play buttons.

Today I'm too lazy to set up a non-working example ;-)

Christian Ebert
Flowplayer support

Posts: 3024

Registered:
May 27, 2008

» » » » Controls over video

Posted: Nov 14, 2008

Reply to: » » » Controls over video, from Anssi
http://www.blacktrash.org/underdogma/test.html

demonstrates that screen.bottom must be set to half the controlbar height.

Anssi
Flowplayer Flash & video streaming developer

Posts: 1197

Registered:
Jul 24, 2007

» » » Controls over video

Posted: Nov 12, 2008

Reply to: » » Controls over video, from electroteque
I cannot reproduce this. I have a semi-transparent controlbar, and clip's scaling is the default one. Controls don't go over the video in the normal mode and not in fullscreen.

Can you have a sample page on-line?

Christian Ebert
Flowplayer support

Posts: 3024

Registered:
May 27, 2008

» » » » Controls over video

Posted: Nov 21, 2008

Reply to: » » » Controls over video, from Anssi
I still think thathttp://www.flowplayer.org/documentation/configuration.html#screen
is wrong or misleading.

Check outhttp://www.blacktrash.org/underdogma/test.html

electroteque

Posts: 278

Registered:
Nov 12, 2008

» » Controls over video

Posted: Nov 12, 2008

Reply to: » Controls over video, from Anssi
I also can't seem to style flowplayer which does not have the controls plugin set, where does this go.

controls: {
alpha: 0.8
},

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1868

Registered:
Nov 16, 2007

» » » Controls over video

Posted: Nov 12, 2008

Reply to: » » Controls over video, from electroteque
It's not alpha, it's opacity. We try to mimic CSS terminology - not Flash.

electroteque

Posts: 278

Registered:
Nov 12, 2008

» » » » Controls over video

Posted: Nov 12, 2008

Reply to: » » » Controls over video, from tipiirai
That works inside a plugin config. Im saying Im unable to style the controls plugin without having to fully setup it as a plugin in the config rather than a controls key in the main config.

Anssi
Flowplayer Flash & video streaming developer

Posts: 1197

Registered:
Jul 24, 2007

» » » » » Controls over video

Posted: Nov 12, 2008

Reply to: » » » » Controls over video, from electroteque
The controls config goes under the plugins node, but there is no need to specify it fully. You can just specify for exampla a height for it, and the other setting will remain in their default values.

electroteque

Posts: 278

Registered:
Nov 12, 2008

» Controls over video

Posted: Nov 14, 2008

Reply to: Controls over video, from electroteque
Its still happening what should i do.