robindean
09-26-2007, 04:28 PM
Hi all,
I have a flash document which is embedded using the following code ...
so = new SWFObject('http://player.stickam.com/stickamPlayer/173556016-310', 'webcast_player', '480', '480', '9', '#ffffff', 'high');
so.addParam('wmode', 'opaque');
so.addParam('scale', 'noscale');
so.addParam('swliveconnect', 'false');
so.addParam('allowscriptaccess', 'never');
so.addParam('menu', 'false');
so.write('video_wrapper');
the "webcast_player" stylesheet configuration is as follows ...
#webcast_player {
position: absolute;
top: -39px;
left: -6px;
}
I'm enclosing the webcast_player inside of another div (called "video_wrapper"), which in turn has a fixed size and hidden overflow.
The "video_wrapper" stylesheet configuration is as follows ...
#video_wrapper {
width: 468px;
height: 351px;
overflow: hidden;
margin-left: -234px;
margin-top: -175.5px;
position: fixed;
top: 50%;
left: 50%;
}
What I'm basically trying to do here is reposition the flash document within it's parent div and then hide everything that doesn't fit inside the given area (the parent div dimensions).
I was told that by setting the wmode to "opaque" helps (done) but Safari still shows the ENTIRE flash document.
Unless someone can help me I'll have to resort to using an iframe.
What am I doing or NOT doing that would fix this?
I have a flash document which is embedded using the following code ...
so = new SWFObject('http://player.stickam.com/stickamPlayer/173556016-310', 'webcast_player', '480', '480', '9', '#ffffff', 'high');
so.addParam('wmode', 'opaque');
so.addParam('scale', 'noscale');
so.addParam('swliveconnect', 'false');
so.addParam('allowscriptaccess', 'never');
so.addParam('menu', 'false');
so.write('video_wrapper');
the "webcast_player" stylesheet configuration is as follows ...
#webcast_player {
position: absolute;
top: -39px;
left: -6px;
}
I'm enclosing the webcast_player inside of another div (called "video_wrapper"), which in turn has a fixed size and hidden overflow.
The "video_wrapper" stylesheet configuration is as follows ...
#video_wrapper {
width: 468px;
height: 351px;
overflow: hidden;
margin-left: -234px;
margin-top: -175.5px;
position: fixed;
top: 50%;
left: 50%;
}
What I'm basically trying to do here is reposition the flash document within it's parent div and then hide everything that doesn't fit inside the given area (the parent div dimensions).
I was told that by setting the wmode to "opaque" helps (done) but Safari still shows the ENTIRE flash document.
Unless someone can help me I'll have to resort to using an iframe.
What am I doing or NOT doing that would fix this?