GB28181、RTSP监控视频WEB多窗口无插件播放

完成运行效果图：

一、四分屏展示样式布局

1.通过html、css等来进行样式排版

根据需求的四分屏的样式；来合理的划分出四个大块，分别用于放置四个播放器；
以四等分结构为例进行前端的排版；

html样式布局：

   <div class="row col-sm-9 video-show">
        <div class="col-md-6 window1 video-window" alt="1">
        </div>
        <div class="col-md-6 window2 video-window" alt="2">
        </div>
        <div class="col-md-6 window3 video-window" alt="3">
        </div>
        <div class="col-md-6 window4 video-window" alt="4">
        </div>
    </div>

CSS样式的定义：

.video-window{
        float: left;
        margin-left: 1%;
        margin-bottom: 1%;
        width: 4