Problem with JW Player Embed Code - Flash with HTML5 Fallback

by 2 replies
4
I'm trying to setup my page to play a video with the following specs:


* Use licensed JW player
* Flash player to be used, HTML5 fall back
* I'd also like to provide alternative file formats for the HTML5 fallback (ogg, webm) - suggestions here are appreciated
* Use the RTMP streaming method to deliver the videos via cloudfront


Here is a link to my test page: Test New Videos


Here is the embed code I'm currently using:


HTML Code:
<div id="container1"></div>
    <script type="text/javascript">
        jwplayer("container1").setup({
            file: "TestNewVideos/MyNewVideo.mp4",
            provider: "rtmp",
            streamer: "rtmp://s2cr83yb7q2jav.cloudfront.net/cfx/st",
            width: 640,
            height: 480,
            modes: [{
                type: "flash",
                src: "http://coachesmarketingcenter.com/test_new_ppts/player.swf"
            },{
                type: "html5",
                config: {
                    file: "http://dn9lu4lqda9r4.cloudfront.net/TestNewVideos/MyNewVideo.mp4",
                    provider: "video"
                }
            levels: [
                { file: "http://dn9lu4lqda9r4.cloudfront.net/TestNewVideos/MyNewVideo.mp4" },    // H.264 version
                { file: "http://dn9lu4lqda9r4.cloudfront.net/TestNewVideos/MyNewVideo.ogg" },    // Ogg Theora version
            ]
        });
    </script>
Thanks guys!
#website design #code #embed #fallback #flash #html5 #jwplayer #player #problem #video
  • Hey cmaclean -

    Is this still an issue? It looks good on Firefox 8 on my iMac...

    ...of course, your post is almost 2 months old, so you may have already fixed whatever the issue was.
  • No, I figured it out. Just had to tweak the code slightly. Thanks!
Join the discussion

Next Topics on Trending Feed