Mediaelement.js non carica i media in ie8
https://stackoverflow.com/questions/8413158
-
29-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Sto realizzando un'app web che utilizza Mediaelement.js (ME.JS) Per la riproduzione di audio e visualizzare video su diversi browser. Tuttavia, ho problemi con IE8: quando istancio il mediaelement con un <audio>Elemento dal DOM, l'oggetto flash viene creato e inserito in DOM ma quindi il supporto non viene caricato. Non vengono segnalati errori. Invece non succede nulla.
Cercando di eseguire il debug, ho creato una piccola pagina di test che usa anche me.js che cerca di riprodurre lo stesso file audio. Stranamente, questa pagina funziona bene. IE8 carica e riproduce il file. Ho provato a guardare ciò che entrambe queste pagine emettono nel DOM per vedere se potevo ottenere un suggerimento su ciò che non va.
Questo è dall'app web:
<OBJECT id=me_flash_0 codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=1 height=1><PARAM NAME="_cx" VALUE="26"><PARAM NAME="_cy" VALUE="26"><PARAM NAME="FlashVars" VALUE="id=me_flash_0&isvideo=false&autoplay=false&preload=auto&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Fgsv%2Felearning%2Fapp%2F_dev%2Ftest1.mp3"><PARAM NAME="Movie" VALUE="plugins/flashmediaelement.swf?x=Tue Dec 6 16:06:01 UTC+0100 2011"><PARAM NAME="Src" VALUE="plugins/flashmediaelement.swf?x=Tue Dec 6 16:06:01 UTC+0100 2011"><PARAM NAME="WMode" VALUE="Transparent"><PARAM NAME="Play" VALUE="-1"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE=""><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE="always"><PARAM NAME="Scale" VALUE="ShowAll"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE="000000"><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><PARAM NAME="AllowNetworking" VALUE="all"><PARAM NAME="AllowFullScreen" VALUE="true"></OBJECT>
... e questo proviene dalla pagina di prova:
<OBJECT id=me_flash_0 codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=1 height=1><PARAM NAME="_cx" VALUE="26"><PARAM NAME="_cy" VALUE="26"><PARAM NAME="FlashVars" VALUE="id=me_flash_0&isvideo=false&autoplay=false&preload=auto&width=1&startvolume=0.8&timerrate=250&height=1&file=http%3A%2F%2Fgsv%2Felearning%2Fapp%2F_dev%2Ftest1.mp3"><PARAM NAME="Movie" VALUE="plugins/flashmediaelement.swf?x=Tue Dec 6 16:08:13 UTC+0100 2011"><PARAM NAME="Src" VALUE="plugins/flashmediaelement.swf?x=Tue Dec 6 16:08:13 UTC+0100 2011"><PARAM NAME="WMode" VALUE="Transparent"><PARAM NAME="Play" VALUE="0"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE="LT"><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE="always"><PARAM NAME="Scale" VALUE="NoScale"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE="000000"><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><PARAM NAME="AllowNetworking" VALUE="all"><PARAM NAME="AllowFullScreen" VALUE="true"></OBJECT>
Si noti che c'è una differenza: nel primo frammento dice <PARAM NAME="Play" VALUE="-1">E nel secondo dice <PARAM NAME="Play" VALUE="0">. Questo sembra in qualche modo significativo, ma non ho idea di come interpretarlo. Per favore, non che questo non sia il markup generato da me.js ma qualcosa che in qualche modo viene generato quando il file .swf è stato caricato. Non essendo alcun tipo di esperto di flash, non posso davvero spiegare come.
Quando uso Violinista Per monitorare quali risorse vengono caricate, la differenza tra le due pagine è che la prima pagina carica il file .swf come ultima cosa e la seconda carica il file .swf e quindi carica .mp3.
Dovrei menzionare che l'app Web funziona in Chrome quando lo costringo a utilizzare il plug -in flash anziché gli elementi HTML nativi.
Soluzione
Si scopre che gli oggetti flash non caricano il suo file multimediale se è all'interno di un elemento che ha visibility:hidden. Solo in IE però.
