How to embed streaming Video (rtmp protocol) in HTML

Mukit, Ataul

Rate me:

0.00/5 (No votes)

13 Oct 2013CPOL

87K

If you are looking to play a live streaming video (flv) file through an rtmp server, then you have come to the right place

HTML

<html>
<body>
<script type='text/javascript' src='swfobject.js'></script>
<div id='mediaspace'>Playing FLV</div>
<object width="400" height="409" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
  <param name="allowscriptaccess" value="always"></param>
  <param name="file" value="cocaine">  
  <embed height="500" width="650" flashvars="file=cocaine&amp;streamer=rtmp://75.102.34.154:1935/flvplayback&amp;rtmp.subscribe=true&amp;quality=best&amp;controlbar=bottom&amp;rtmp.tunneling=false&amp;frontcolor=#fff&amp;backcolor=#000&amp;stretching=exactfit&amp;autostart=true" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" quality="high" src="http://s.zuuk.net/ply.swf" type="application/x-shockwave-flash"/> 
</object>
</body>
</html>

The above code is usually works pretty well to easily en-corporate a streaming live video in an HTML page.

Just change the values of the streamer and file and you are ready to go!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Mukit, Ataul

Technical Lead Kotha Technologies

Bangladesh

If you are not in - you are out !
- Chapter 1

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

How to embed streaming Video (rtmp protocol) in HTML

License

Comments and Discussions