http://www.shastaherps.org/Record202
Works fine in Firefox / Opera / Chrome / etc.
Works with quirks in IE8 - have not tested in IE 6/7
The problem - once you play, pause does not work and the length does not work.
Embedded via object
Then comments to exclude ie from html5 are there only because I thought maybe that was the cause, but it is not.
Same mp3 embedded w/o the poster works as expected here:
http://www.shastaherps.org/herps/SierranTreefrog#multimedia
Differences:
In page where it works in IE8, flowplayer is fallback to html5 media (there is a reason for this)
In page where it works in IE8, an image is not part of playlist - just the audio.
In page where it works in IE8 - the mp3 is in web root. On specimen record page, the mp3 is outside web root, the referenced mp3 points to a wrapper. There's a reason for this (security - anyone who registers can submit audio vouchers, I do not allow any directory apache has write permission to be in web root, wrappers fetch user submitted audio/images)
I'm out of town, do not have IE at home, but I can make very basic test page to try and determine what causes the issue in IE when I get home. But there is no issue in Firefox or other browsers I've tried.
Works fine in Firefox / Opera / Chrome / etc.
Works with quirks in IE8 - have not tested in IE 6/7
The problem - once you play, pause does not work and the length does not work.
Embedded via object
<object id="fp_vch0" width="220" height="135" data="/media/flash/flowplayer.commercial-3.1.5.swf" type="application/x-shockwave-flash">
<param name="movie" value="/media/flash/flowplayer.commercial-3.1.5.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="flashvars" value="config={'key':'$07cb470b94495243b2c','playlist':[{'url':'/media/splash/audioVoucher.jpg'},{'url':'/vouchers/202-1.mp3','autoPlay':false}],'plugins':{'audio':{'url':'/media/flash/flowplayer.audio-3.1.2.swf'},'controls':{'height':'24','fullscreen':false}}}"/>
<!--[if !IE]>-->
<audio id="h5_vch0" controls="controls" style="width: 220px; height: 24px;">
<source src="/vouchers/202-1.mp3" type="audio/mpeg"/>
<source src="/vouchers/202-1.ogg" type="audio/ogg"/>
<p>
<a href="/vouchers/202-1.mp3">202-1.mp3</a>
<br/>
<a href="/vouchers/202-1.ogg">202-1.ogg</a>
</p>
</audio>
<!--<![endif]-->
</object>
Then comments to exclude ie from html5 are there only because I thought maybe that was the cause, but it is not.
Same mp3 embedded w/o the poster works as expected here:
http://www.shastaherps.org/herps/SierranTreefrog#multimedia
Differences:
In page where it works in IE8, flowplayer is fallback to html5 media (there is a reason for this)
In page where it works in IE8, an image is not part of playlist - just the audio.
In page where it works in IE8 - the mp3 is in web root. On specimen record page, the mp3 is outside web root, the referenced mp3 points to a wrapper. There's a reason for this (security - anyone who registers can submit audio vouchers, I do not allow any directory apache has write permission to be in web root, wrappers fetch user submitted audio/images)
I'm out of town, do not have IE at home, but I can make very basic test page to try and determine what causes the issue in IE when I get home. But there is no issue in Firefox or other browsers I've tried.