.htaccess - HTML5 <audio> tag do not work/play in IE10 -


i have page display audio .ogg/.mp3-files listening in browser (it purchased products being displayed on "receipt"-page).

the files super in chrome, opera, safari , firefox , can play them, pause, restart , everything.

today use quick fix , forces browser if ie simulate ie7 version , works, of course prtty ugly-looking. can skip <meta http-equiv="x-ua-compatible" content="ie=emulateie7"> , use compatibility view , same result.

in ie10 win7 (got latest version) displayed , cannot press play-button: http://snag.gy/kanry.jpg can have at: http://energyshop.se/testry.php/

also, myclient uses older version of ie , same her.

i can add if ihit f12 , switch compatibility view of ie10 audio working , im able listen them - not unclick compatibility view.

this code used audio (test code) (and heres: http://pastebin.com/enrpj8cx full code version of pdt.php):

<!doctype html> <html> <head> <title>tack för ert köp!</title> <meta http-equiv="x-ua-compatible" content="ie=9"/>  <link rel="stylesheet" type="text/css" href='/phpstyles.css' />  </head> <body> <?php                                   echo("<audio id='testry' controls preload='auto'>");                                 echo("<source src='/1.mp3' />");                                 echo("<source src='1.mp3' />");                                 echo("<source src='1.mp3' />");                                 echo("<source src='/1.mp3' type='audio/mpeg' />");                                 echo("<source src='1.mp3' type='audio/mpeg' />");                                 echo("<source src='/1.mp3' type='audio/mp3' />");                                 echo("<source src='1.mp3' type='audio/mp3' />");                                  echo("your browser not support audio tag.");                                 echo("</audio>");    ?> </body> </html>

and here .htaccess: http://pastebin.com/2mz8qwev

also, here head, meta , doctype page (its pdt.php)

<!doctype html> <html> <head> <title>tack för ert köp!</title>  <link rel="stylesheet" type="text/css" href='/phpstyles.css' /> <script src="http://api.html5media.info/1.1.5/html5media.min.js"></script> </head>

i know ie9+ supports .mp3 , have updated whats up? anyone?

ive seen similar issue 1 before. dealing .ogg , .mp3 file types in ie9 + html5 audio.

problem resolved tweaking mime type declarations in .htaccess file while filetypes worked in other browsers fine - ie9 alone picky work with...

going investigate further - more info soon.

i curious hosting situation? (win / linux - self hosted / shared?) assumed shared linux because of php files common scenario.

edit:

depending on hosting situation - (you own hardware / vps / or using shared hosting) people have found windows based hosting providers web.config files in fact overwriting mime type declarations but unable verfiy hosting situation linux based

after bit of searching found few other documented cases of issue , other solutions involved:

for shared / hosted sites, developer converted mp3 files .m4a had working mime types within ie9

additionally if interested this microsoft developer network article - details bit of reason why ie9 behaves way

this stack question similar issue on apache tomcat server


Comments

Post a Comment

Popular posts from this blog

SPSS keyboard combination alters encoding -

my question not have programming practical issue on spss. accident keyword combination cannot remember because did not intend press changed encoding in spss , text in data in different language english shown small boxes. nevertheless, when kind of analysis performed different language text shown in output. does know reason? tried change encoding did not produce result. first, @ edit > options , see whether setting unicode or locale. might fix it. if have text in multiple languages, want unicode. otherwise, may have specific locale set wrong. can change set locale, need know locale want use.
Read more

Add new record to the table by click on the button in Microsoft Access -

in ms access form want implement separate button, adds new record table. in order added button , attached button event: private sub btnaddrec_click() refresh codecontextobject on error resume next docmd.gotorecord , , acnewrec if err.number <> 0 btnaddrec.enabled = false end if end end sub everything ok when open window , click btnaddrec button, problem when first of perform navigation through existed records , after click on button. got runtime error: 2105: «you can't go specified record. may @ end of recordset» . how solve issue, need have ability add new record on click on specific button, no matter, have walked or not walked through records before. thanks. i created simple form field call description (and autonumber) , created button code follows click event. filled number of records , navigated through them, clicked addnewrec button. form navigated new record without issues. able click addnewrec button directly after
Read more

CSS3 Transition to highlight new elements created in JQuery -

i want use css3 color transition apply highlight-fading color effect (yellow transparent) new elements appended markup using jquery. css #content div { background-color:transparent; -moz-transition:background-color 2s; -webkit-transition:background-color 2s; -o-transition:background-color 2s; transition:background-color 2s; } #content div.new { background-color:yellow; } html <div id="content"></div> <a id="add-element" href="#">add new element</a> js $('#add-element').click(function() { var newelement = $('<div class="new">new element</div>'); $('#content').append(newelement); newelement.removeclass('new'); }); when click link, new element created. class "new" (background color yellow) , it's appended html markup. should able remove "new" class trigger background color transition transparent (or whate
Read more