如何把直播带货源码的直播内容+播放器嵌入到网页上呢？网友们也纷纷提问：

ü  HTML怎么添加一个直播flash播放器；

ü  如何在网页中放置视频播放代码；

ü  怎么在HTML网页中插入直播视频；

ü  网页嵌入在线直播代码。

那么我们来抽丝剥茧来分析下如何生成嵌入网页的直播的HTML代码呢？

目前市场上直播带货源码都已采集先进的流式传输stream方式。那么RTMP流媒体直播系统、RTMFP/P2P流媒体系统或HLS直播系统就是必需的。选择的这种流媒体系统要求：

1.       生成flash的HTML播放器代码，嵌入网页保证无需安装插件。

2.       手机端采用HLS协议，H5技术，保证安卓和苹果移动端也不需要安装任何插件。或者提供M3U8的视频播放地址，开发APP调用视频进行流式播放。

3.       直播带货源码如Adobe Media Server或800Li Media Server能够自适应多种播放终端。

PC上用flash的HTML代码示例 （object+embed标签） 

现在很多直播带货源码的安装和部署都设计很简洁，管理都是web网页观看，没有繁杂的操作步骤，简单易懂。 当然也会直接提供直播内容插入网页的HTML标签，考虑兼容性都会有obeject标签+embed标签两种。 如下图：

代码如下：

   <script type="text/javascript" src="http://192.168.1.44:8083/assets/player.js"></script><script type="text/javascript">p2ps_embed("auto", "live", "http://192.168.1.44:8083/videos/live/22/39/tUabV17nAPCev", "p2ps_video", "640", "480", "10.1.0", "http://192.168.1.44:8083/assets/expressInstall.swf",{}, {allowFullScreen:true, allowScriptAccess: "always"});800Limediaserver</script><div id="p2ps_video"><h1>我们需要Flash player 10.1 或以上版本来播放。</h1><p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="安装最新的Flash player" /></a></p></div>

嵌入网页显示：

转发其他人的直播，如爱奇艺，优酷等，会提供分享嵌入网页代码。 如下图：

————————————————
声明：本文由云豹科技转发自 vivianlinux博客，如有侵权请联系作者删除