Hi All,

In my testing it works correctly in Firefox, in full screen the control toolbar does disappear as it is supposed to but if you mouse over the bottom it comes back as it is supposed to.

I tried IE 9 on 2 machines, one one of them it wouldn't play the video at all (audio player works) and on the other one it plays but in full screen there are no controls. I tried the printerfriendly skin but it was exactly the same problem there so it doesn't seem like it is css related to me unless its related to the actual css we have for jplayer. It might also be related to the version of jquery which is configurable from web.config. It looks like they are using jquery 1.6 on the jplayer demo site whereas we are using 1.7.1.

I'll do some more experimenting when I get a chance.

I'm open to adding a setting to control whether full screen is allowed but it seems a shame to penalize the browsers that work by disabling it.

Best,

Joe

Hi Guys,

A small update on this. I did a good deal of trial and error today in IE 9 using the artisteer31-green skin.

What I found was that if wmode="window" (which it was set to from code) then the player controls were not visible in IE 9 once you go to full screen, so you cannot pause or go back to normal size without refreshing the page.

For now I've added a config setting to make it easier to try different settings:

<add key="KDMediaPlayer:VideoWindowMode" value="opaque" />

possible values are : window, transparent, opaque, direct, gpu

I when using opaque or transparent the controls were visible but also content on the page is visible on top of the video and the controls were not clickable because of this. After much trial and error chopping things out of the artisteer css and putting them back a little at a time I found 2 selectors that I could override in style-artisteer-overridesd.css and then the controls become clickable as follows:

.cleared{
/* was */
/* height:0;
overflow:hidden;
*/
height:auto;
overflow:visible;
}

div.art-header
{
/* was */
/*
width:100%;
height: 150px;
*/
width:auto;
height: auto;
}

but this messes up the layout and the problem still remains of the page header and other content shows on top of the video. It also results in the controls not being visible in Chrome when I add the above to style-artisteer-overrides.css.

So, I have not yet found a good workable solution, but at least getting an idea of some of the factors involved. I wish there was an easy fix but I have not found one so far.

Best,

Joe

Hi Luis,

Glad its working for you, and many thanks for the beers! They are very appreciated.

Cheers,

Joe