1、准备工做

1，首先引入两个JS文件

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

PS:根据本身项目的不一样更改本身的路径javascript

二、定义一个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的时候，必需要找对路径。在尝试的时候，填过这个坑css

2、取流的地址

一、经过Wowza 流媒体服务器推流以后，产生的RTMP地址

3、所需的资源

资源和Demo地址java