jqueryjplayerm4v

jplayer for video only works in Chrome - not FireFox or IE8

I'm not finding much support for this, so I'm guessing there's a simple problem with my jQuery. Any reason why this would only play in Chrome, but not FireFox 7.0.1 or IE8

<script type="text/javascript">
    $(document).ready(function () {

        $("#jquery_jplayer_1").jPlayer({
            ready: function () {
                $(this).jPlayer("setMedia", {
                    m4v: "Media/sample_iPod.m4v"
                }).jPlayer("play");
            },
            swfPath: "../Data/Sites/1/skins/CCG/js/Jplayer.swf",
            supplied: "m4v",
            size: {
                width: "640px",
                height: "360px",
                cssClass: "jp-video-360p"
            }
        });
    });
</script>


<div id="jquery_jplayer_1" class="jp-jplayer">
</div>

Any help is appreciated.

Solution

  • My understanding is that if the browser falls back to flash it will be calling the media from the user's location, not the server location. Try using absolute urls to your media.

    m4v: "http://<yourHost>/Media/sample_iPod.m4v"