HLS video embed + mp4 rollover + m3u8 + bufferlength

 

JWPlayer 6.x HLS video embed with a h.264 mp4 rollover + m3u8 + rtmp bufferlength to specify buffer in rtmp flash streaming

 

 

Basically, this is an example of embedding HLS referencing .m3u8 with jwplayer 6 that rolls over to rtmp streamed h264 mp4.

 

 

How to embed HLS video that rolls over to mp4 streaming via rtmp:// (if HLS/ m3u8 cannot be played):

 

<!-- BEGIN VIDEO EMBED -->
<script src="http://cdn.gravlab.com/myplayer/jwplayer.js"></script>
<script>// < ! *jwplayer license goes here // ></script>
<div id='playere2Tx'>Sorry, you can't play mp4 or HLS</div>
<script type='text/javascript'>
    jwplayer('playere2Tx').setup({
        sources: [
{ file: "http://video.gravlab.org/HLS/GoogleDrive.m3u8"},
{ file: "rtmp://rtmp.gravlab.org/encoded/video:mp4/LW02GoogleDrive_h264.mp4"}
], 
rtmp: {bufferlength: 5},
image: 'http://link.to.your.video.image.pre.play.png',
        title: 'Title of your video',
        width: '100%',
        aspectratio: '16:9',
        skin: 'bekle',
        primary: 'flash',
        sharing: '{}',
abouttext:"gravlab.com",
 aboutlink:"Brought to you by Gravitylab",
 logo: {
       "file": "",
        "link": "http://gravlab.com/",
		  "position": "top-right",
		    "hide": "true"
      },
    stretching: "uniform",
    autostart: "false"
	});
</script>
<!-- END VIDEO EMBED -->

 

What can play this HLS with MP4 rtmp rollover embed?

 

  mp4 flv webm
Extension(s) mp4, m4v, f4v, mov flv webm
Mimetype video/mp4 video/flv video/webm
Internet Explorer html5, flash 1 flash
Chrome html5, flash flash html5
Firefox html5, flash 3 flash html5
Safari html5, flash flash
iOS html5
Android html5 html5 2

 

Looking for more HTTP Live Streaming, Adaptive Bit Rate, m3u8 or embedding help?

 

Here is an index of HLS, HDS, Flash, HTML5 video and mp4 embedding articles, including how-to’s and demos at Gravitylab.

 

Comprehensive list of embedding guidelines and tutorials from jwplayer: http://support.jwplayer.com/customer/portal/topics/601065-embedding/articles

4 karma points