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
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.
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:
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?
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;
Its something to do with this, its setting screen to the bottom just above the control bar
//screen.bottom = controlsHeight;
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.
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.
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:
Now the trick is to set
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
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
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.
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?
Can you have a sample page on-line?
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 ;-)
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 ;-)
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.
demonstrates that screen.bottom must be set to half the controlbar height.
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?
Can you have a sample page on-line?
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
is wrong or misleading.
Check outhttp://www.blacktrash.org/underdogma/test.html
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
},
controls: {
alpha: 0.8
},
Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.
Posts: 1868
Registered:
Nov 16, 2007
Reply to:
» » Controls over video, from
electroteque
It's not alpha, it's opacity. We try to mimic CSS terminology - not Flash.
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.
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.
Reply to:
Controls over video, from
electroteque
Its still happening what should i do.