From 518af6f3d0ee7164f24c901c60165b17a4325ce4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 11 Jun 2021 14:21:01 +0800
Subject: [PATCH] 视频加载 样式调整
---
widgets/searchL/Widget.js | 68 ++++++++++++++++++----------------
1 files changed, 36 insertions(+), 32 deletions(-)
diff --git a/widgets/searchL/Widget.js b/widgets/searchL/Widget.js
index e6c8fef..6a3e36b 100644
--- a/widgets/searchL/Widget.js
+++ b/widgets/searchL/Widget.js
@@ -311,43 +311,47 @@
var data = obj.data //获得当前行数据
, layEvent = obj.event; //获得 lay-event 对应的值
if (layEvent === 'detail') {
- // layer.msg('查看操作');
- // 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">ဆ</i></div>
- <div class="header">${obj.data.name}--实时视频</div>
- <div id="poput-m-t-video">
- <video id="poput-m-t-video-video" ></video>
- </div>
- `;
+ var dom = $('.header'),
+ str = `${obj.data.name}--实时视频`;
dom.empty();
dom.append(str);
- // console.log(obj.data.name);
- // console.log(obj.data.flv);
+ if (obj.data.flv) {
+ var dom = $('#poput-m-t-video'),
+ // <div id="poput-m-t-video-login"><i class="layui-icon"></i></div>
+ str = `
+ <video id="poput-m-t-video-video" ></video>
+ `;
+ dom.empty();
+ dom.append(str);
- 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();
+ // 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();
+ }
+ window.$myVideoFlvplayer = flvPlayer;
+ // var time = setTimeout(() => {
+
+ // }, 2000);
+ } else {
+ var dom = $('#poput-m-t-video'),
+ str = `
+ <div id="poput-m-t-video-none" >·暂无视频</div>
+ `;
+ dom.empty();
+ dom.append(str);
}
+
+
$('.jimu-widget-searchTabaPopup').css({ 'display': 'block' });
$('.jimu-widget-searchTabaPopup').find('.p-main').eq(0).css({ 'display': 'block' }).siblings().css({ 'display': 'none' });
} else if (layEvent === 'edit') {
--
Gitblit v1.9.3