Fallback for all Browsers & iOS


Hits: 2976  

The JW Embedder currently offers 3 modes:

Flash mode – The original JW Player mode. Uses the Flash Platform to playback streaming and progressive video, images, and sound.
HTML5 mode – HTML5 offers support on the most up-to-date browsers and devices such as the iPhone, iPad, and Android.
Download mode – Download offers the widest range of compatibility, allowing users with almost any video capable device to view the content.

<!DOCTYPE HTML>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8">
<title>Fallback for all Browsers & iOS</title>
</head>

<body>
<script type='text/javascript' src='jwplayer.js'></script>

<divid='mediaplayer'></div>

<!--[if IE]>

<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='480' height='270' id='single1' name='single1'>
<param name='movie' value='player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=video.mp4&image=preview.jpg'>
<embed
id='single3'
name='single3'
src='player.swf'
width='480'
height='270'
bgcolor='#242424'
allowscriptaccess='always'
allowfullscreen='true'
flashvars='file=video.mp4&image=preview.jpg'
/>
</object>

<![endif]-->

<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'id': 'playerID',
    'width': '480',
    'height': '270',
    /*'provider': 'rtmp',
'streamer': 'rtmp://rtmp.example.com/application',*/    
    'file': 'video.mp4',
    'image': 'preview.jpg',
    'modes': [
        {type: 'flash', src: 'player.swf'},
        {
          type: 'html5',
          config: {
           'file': 'video.mp4',
           'provider': 'video'
          }
        }/*,
{
type: 'download',
src: 'player.swf'
}*/
    ]
  });
</script>
</body>
</html>

Demo: http://demo.svnlabs.com/mediaplayer/fallback.html

Published by

Sandeep Verma

I’m an Entrepreneur. I’m proud to work as Blogger, LAMP Programmer, Linux Admin, Web Consultant, Cloud Manager, Apps Developer, Searcher. Concentrate > Observe > Imagine > Launch