在网页中内嵌直接可以播放RTMP流的视频播放器

一、准备工作

1，首先引入两个JS文件

<script type="text/javascript" src="../HPlayer/js/jquery172.js">script>
<script type="text/javascript" src="../HPlayer/js/action.js">script>

PS:根据自己项目的不同更改自己的路径

2、定义一个div，写入JavaScript

<div id="CuPlayer" >
    <SCRIPT LANGUAGE=JavaScript>        
        var vID        = ""; 
        var vWidth     = "100%";
        var vHeight    = "100%";
        var vFile      = "../HPlayer/CuSunV2setLive.xml";
        var vPlayer    = "../HPlayer/player.swf?v=2.5";
        var vPic       = "../HPlayer/images/start.jpg";
        var vCssurl    = "../HPlayer/images/mini.css";

        //PC端
        var vServer    = "rtmp://172.168.1.4:1935/live";
        var vMp4url    = "camera1.stream";  
    SCRIPT> 
    <script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript"  src="../HPlayer/js/CuSunHLSX2.min.js">script>
div>

ps:在定义div的时候，可以把宽高给预先定义好。在定义vFile,vPlayer,vPic,vMp4url的时候，必须要找对路径。在尝试的时候，填过这个坑

二、取流的地址

1、通过Wowza 流媒体服务器推流之后，产生的RTMP地址

三、所需的资源

资源和Demo地址