mediaelement.js Flash Firefox -
for reason can not mediaelement.js flash player work in firefox. using .m4v , .mp4 files test this.
i know firefox can not play .m4v or .mp4 in it's native html5 player don't want encode bunch of videos .ogv , .webm.
until .webm takes on market.
default flash players 9 , supposed play .mp4 , .m4v versions natively.
also, if use multiple sources option , object tag has
<param name="flashvars" value="controls=true&poster=../media/echo-hereweare.jpg&file=../media/echo-hereweare.mp4" />is poster , file paths able use http:// urls rather relative url's?
in testing firefox have used both option:
<video width="640" height="360" src="../media/echo-hereweare.mp4" type="video/mp4" id="player1" poster="../media/echo-hereweare.jpg" controls="controls" preload="none"></video>and option below:
<video width="640" height="360" id="player2" poster="../build/echo-hereweare.jpg" controls="controls" preload="none"> <!-- mp4 source must come first ios --> <source type="video/mp4" src="../build/echo-hereweare.mp4" /> <!-- fallback flash player no-html5 browsers javascript turned off --> <object width="640" height="360" type="application/x-shockwave-flash" data="../build/flashmediaelement.swf"> <param name="movie" value="../build/flashmediaelement.swf" /> <param name="flashvars" value="controls=true&poster=../media/echo-hereweare.jpg&file=../build/echo-hereweare.mp4" /> <!-- image fall non-html5 browser javascript turned off , no flash player installed --> <img src="../build/echo-hereweare.jpg" width="640" height="360" alt="here are" title="no video playback capabilities" /> </object> </video>neither of them working. flash skin show functionality not working. can see timeline, big play button, volume, nothing selectable.
the odd thing had instantiate player jquery skin work on chrome , ie. in examples says nothing having instantiating it. point files. that's besides issue.
the flash player works locally when similar described above not our on our site. missing something?
update:
the actual issue z-index conflict our current css on live site. our object tags , controls.
this our solution overtaking player's css.
video{z-index:99999} .mejs-overlay-button{z-index:700} .mejs-overlay-play{} .mejs-container .mejs-controls{z-index:700} .mejs-container-fullscreen video{z-index:99999} .mejs-container .mejs-container-fullscreen{z-index:9999} .mejs-fullscreen-button{right:0;} don't know if else careful of it.
if works locally, not through webserver, it's mime-types.
check this: mediaelements – installation.
hope helps.
Comments
Post a Comment