监控视频

liuyg

2021-06-11 8c661f9ea29f8ffbed6c8281ce7b2e4c05e55530

 widgets/searchL/Widget.js

@@ -312,15 +312,41 @@
                        , layEvent = obj.event; //获得 lay-event 对应的值
                     if (layEvent === 'detail') {
                        //   layer.msg('查看操作');
                        var dom = $('#poput-m-t-video'),
                        // var dom = $('#poput-m-t-video'),
                        //    str = `
                        //    <div class="header">${obj.data.name}--实时视频</div>
                        //    <video id="video1" class="video-js vjs-default-skin" width="100%" height="100%"
                        //       data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
                        //       <source src="http://171.34.197.243:701/rtp/34020000001110000100_34020000001320000004.flv" type="video/x-flv">
                        //    </video>`;
                        // dom.empty();
                        // dom.append(str);

                        var dom = $('#twovideo'),
                           //    <div class="header" style="z-index: 14">${obj.data.name}--实时视频</div>
                           //    <video id="poput-m-t-video-video" ></video>
                           str = `
                        <div class="cloce"><i class="layui-icon">&#x1006;</i></div>
                           <div class="header">${obj.data.name}--实时视频</div>
                           <video id="video1" class="video-js vjs-default-skin" width="100%" height="100%"
                              data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
                              <source src="${obj.data.flv}" type="video/x-flv">
                           </video>`;
                           <div id="poput-m-t-video">
                              <video id="poput-m-t-video-video" ></video>
                        </div>
                        `;
                        dom.empty();
                        dom.append(str);
                        // console.log(obj.data.name);
                        // console.log(obj.data.flv);

                        if (flvjs.isSupported()) {
                           var videoElement = document.getElementById('poput-m-t-video-video');
                           var flvPlayer = flvjs.createPlayer({
                              type: 'flv',
                              url: obj.data.flv
                           });
                           flvPlayer.attachMediaElement(videoElement);
                           flvPlayer.load();
                           flvPlayer.play();
                        }

                        $('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
                        $('.jimu-widget-searchTabaPopup').find('.p-main').eq(0).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });