I am posting this video
|
<object width="240" height="130"><param name="movie" value="http://www.unmultimedia.org/tv/webcast/swfs/player.swf" /><param name="allowFullScreen" value="true" /><param name="bgcolor" value="000000" /><param name="allowscriptaccess" value="always"></param><param name="flashvars" value="file=specialevents/2011/se110923am-sg-application.flv&image=http://www.unmultimedia.org/tv/webcast/2011/09/full/se110923abbas-application1.jpg&autostart=false&controlbar=over&s tart=0&duration=125&dock=true&stretching=uniform&s treamer=rtmp://webcast-flash.un.org/ondemand/" /><embed src="http://www.unmultimedia.org/tv/webcast/swfs/player.swf?file=specialevents/2011/se110923am-sg-application.flv&image=http://www.unmultimedia.org/tv/webcast/2011/09/full/se110923abbas-application1.jpg&autostart=false&controlbar=over&s tart=0&duration=125&dock=true&stretching=uniform&s treamer=rtmp://webcast-flash.un.org/ondemand/" width="480" height="270" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"/></object> |
on my wordpress site.
it is small and perfect in size on Chrome, but too big and half the video gets cut off in Firefox and Safari.
What gives?
how do I fix it?
I see a couple things, but note that I’m not too familiar with the <param> code
1. You have every param tag closed within itself (<param name="…" value="…"/>) but one is using the separate closing tag </param>. Some browsers may not like this, though it seems very minimal.
2. The object size is 240×130 but the embed size is 480×270