用h5video和h5stream实现监控视频的播放--rtsp流

这几天一直很头疼这个监控视频的问题，研究了很多方案，包括直接用video写，还有vue-video-player插件，最后还是通过h5stream实现了，方法很简单，下面我来简单总结一下。(我是用的vue-cli2)

第一步，先在唯一的html文件中引入几个js的文件

    <script src="static/js/jquery-3.1.1.js"></script>
    <script src="static/js/adapter.js"></script>
    <script src="static/js/platform.js"></script>
    <script src="static/js/h5splayer.js"></script>
    <script src="static/js/h5splayerhelper.js"></script>

jq就不用我多说了，剩下的几个给大家一下源码参考在官网 h5stream

第二部，在需要调用的vue单文件组件中调用

首先是template中的内容

<div class="h5videodiv">
   <video class="h5video1" id="h5sVideo1"  autoplay webkit-playsinline playsinline>
   </video>
</div>

注意这里面poster和src都不用写，会自动生成
其次是mounted里面的内容，我还没有整理，大家可以看着思路整理一下

//判断设备
if (H5siOS()