I'm using Mediaelement.js to include a video on a page.
It can be found at http://badlands777.com/test/
I can get the video to work in Chrome and Safari perfectly well. However, the Flash fallback for Firefox doesn't seem to kick in.
To be specific, when I right click the flash player, it says 'Movie not loaded'.
I have checked the path to the player and the video file, and they are both correct.
Here is the code I am using:
<object style="border: solid 1px #fff;" width="320" height="240" type="application/x-shockwave-flash" data="http://badlands777.com/js/flashmediaelement.swf">
<param name="movie" value="http://badlands777.com/js/flashmediaelement.swf" />
<param name="flashvars" value="controls=false&file=http://badlands777.com/wp-content/uploads/2012/08/flamesintro_v02.mp4" />
<!-- Image as a last resort -->
<img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
</object>
<script>
MediaElement('player1', {success: function(me) {
me.play();
}});
</script>
Best Answer
Managed to get it to work by using the following code:
HTML:
JS: