Welcome to WebmasterWorld Guest from 54.145.104.199

Forum Moderators: not2easy

Message Too Old, No Replies

Plug-in Player Background Color

     
9:38 am on Aug 10, 2010 (gmt 0)

5+ Year Member Top Contributors Of The Month



Hi,

The following html seems different in Chrome/Safari/Opera/IE and Firefox:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
body {background-color:#FF00FF;}
</style>

</head>
<body>

<embed type="audio/mpeg" src="song.mp3" height="45" width="325"></embed>

</body>
</html>


In Chrome/Safari/Opera/IE the QuickTime player has a white background color that I don't know how to make transparent.
The same player has a transparent background color in Firefox.

Any help is appreciated!
Rain Lover
10:23 am on Aug 10, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Sounds like the different browsers render the quicktime player in different ways by default. Also worth noting that not all users will have quicktime player installed - could be WinMedia or other.

As you are using HTML 4 I'd maybe look at serving up content with a flash player - where you have total control of the way it looks in all browsers (assuming flash in installed). With the SWFObject javascript file you can then specify a fallback for users without flash or JS.

If you want to make the background of the player white - I'd do it in CSS

embed {background:#fff;} - would be surprised if FF didn't support that render, but the embed tag is handled very differently from browser to browser so a test is in order.
11:20 am on Aug 10, 2010 (gmt 0)

5+ Year Member Top Contributors Of The Month



If you want to make the background of the player white - I'd do it in CSS


Thanks for the answer! But I'm looking for a way to make it transparent as it is in Firefox.
6:15 pm on Aug 10, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You'll probably struggle to get consistency without a custom flash player. Could you build the default white BG into the design by creating a white frame?

Out of interest did you try:

embed {background:transparent;} ?
6:56 pm on Aug 10, 2010 (gmt 0)

5+ Year Member Top Contributors Of The Month



Out of interest did you try:

embed {background:transparent;} ?


Yes, but it didn't work.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month