My site has the following code it. On running the W3C Markup Validation Service I received a whole host of errors pertaining to this code. On further research I discovered that its because I can’t use embed in XHTML 1.0 Transitional files.
There’s too much PHP in that code to get a really good look at what you are working with. Can you post the code as it outputs to the browser? (That is, by going to View > Source.)
The fact that <embed> doesn’t validate is not a biggie, really, as all browsers support it anyway. Validation is more a way of checking for any serious errors.
Get rid of the classid attribute from the <object> tag. That will stop the object tag working for IE6 but will allow it to work for all other browsers so that the <embed> tag will then never be referenced and can be removed.
If you have oone of the rare sites that still have visitors who use IE6 then you can use IE conditional comments and two object tags (one with the classid for IE6 and one without for all other browsers) so as to not need any embed tags.
The only browser that doesn’t recognise the standard object tag without the classid and which would therefore run the embed version if you got rid of the classid and left the rest of the code alone is IE6.
Non-IE browsers just see the IE conditional tags as HTML comments.
Keep in mind that IE6 usage has fallen by the wayside, so it might not even be necessary to cater to it (unless your visitor demographic indicates otherwise).
Yes I tried that but the W3C validation then failed again. I agree, I am happy to just ignore IE6 but am interested from a purely academic point of view as to how I would solve this. What is interesting is the the conditional tag works just fine lower down in the code.
In #6 it will fail Validation because you cannot have comment delimiters within a tag itself; <p <!-- I am invalid –> >Error!</p> also occurring; <foo<bar> is invalid in HTML you’d have to use the conditional outside of the tag.
Within #5 it looks like you haven’t closed those new OBJECT elements though I would need to see the full parsed code sample including those nested OBJECT preferably after the PHP processor has dealt with the echo and outputted the markup with the variables.
Don’t mean to jump in so late but why don’t you simply use the SWFObject library?
You could easily construct the array data needed to build the <object> element plus you don’t have to worry about the W3C validator as the object won’t be embed until the page completely loads.
Don’t mean to jump in so late but why don’t you simply use the SWFObject library?
Sorry by I don’t understand what you mean… what I am doing is editing a Joomla plugin so try and correct the code… basically looking at the code and googling solutions; Don’t know what the SWFObject library is or how to use it… that said, it gives me something new to google Thanks
See how the following goes for you, I simply converted your current code to work with the SWFObject library but of course you will need to test it. Before you can test it make sure you download the swfobject.js file from this link and ensure you update the src path in the below script tag to the location on the server.
<span id="swfMovie"></span>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var settings = {
// Path to the SWF file we want to use
movie : <?php echo "'" . JURI::root() . "/modules/mod_shoutcastplayer/ffmp3-config.swf'"; ?>,
// The height and width of the flash file
height : parseInt(<?php echo "'$height'"; ?>),
width : parseInt(<?php echo "'$width'"; ?>),
// Setup the flashvars
flashvars : {
autoplay : <?php echo ($autostart === 'true') ? "'true'" : "''"; ?>,
buffering : 5,
codec : <?php echo "'$codec'"; ?>,
introurl : <?php echo "'$introurl'"; ?>,
jsevents : false,
lang : 'auto',
skin : <?php echo "'" . JURI::root() . "/modules/mod_shoutcastplayer/" . $skin . ".xml'"; ?>,
title : <?php echo "'$name'"; ?>,
tracking : true,
url : <?php echo "'$url'"; ?>,
volume : <?php echo "'$volume'"; ?>
},
// Setup the parameters
params : {
allowscriptaccess : 'always',
flashvars : settings.flashvars,
movie : settings.movie,
scale : 'noscale',
wmode : 'transparent'
},
// Setup the attributes
attributes : {}
};
swfobject.embedSWF(settings.movie, 'swfMovie', settings.width, settings.height, false, settings.flashvars, settings.params, settings.attributes);
</script>
