65.9K
CodeProject is changing. Read more.
Home

How to embed streaming Video (rtmp protocol) in HTML

starIconstarIconstarIconstarIconstarIcon

5.00/5 (1 vote)

Oct 13, 2013

CPOL
viewsIcon

88497

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>
<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!