How to embed streaming Video (rtmp protocol) in HTML

Mukit

0.00/5 (No votes)

13 Oct 2013CPOL

88.5K

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)