Html Embed Object Has A Grey Background. Can It Be Transparent?

I'm using Firefox with an opensource plugin to playback video. The video is scaled 'as good as possible' to fit the available space defined in the width and height of the embed obj

Solution 1:

There is no general way to tell plugin elements to be transparent from the browser-side, plugins need to support that themselves in their native code.

For Flash setting the wmode="transparent" works, but only because Flash implements that itself.

Solution 2:

Try adding the "wmode" attribute and setting it's value to "transparent":

<div id="videoHolder" style="position: absolute; left: 50px; top: 50px; width: 300px; height: 150px;">
    <embed WMODE="transparent"id="player" width="300" height="150" border="0"type="application/x-gbp" x-gbp-uri="">
</div>