From 8c661f9ea29f8ffbed6c8281ce7b2e4c05e55530 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 11 Jun 2021 11:06:13 +0800
Subject: [PATCH] 监控视频

---
 widgets/searchL/Widget.js |   36 +++++++++++++++++++++++++++++++-----
 1 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/widgets/searchL/Widget.js b/widgets/searchL/Widget.js
index f398064..e6c8fef 100644
--- a/widgets/searchL/Widget.js
+++ b/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' });

--
Gitblit v1.9.3