|
@@ -267,9 +267,8 @@ function setNoRtspVideo(id, videoAddr) {
|
|
|
lang: 'zh',
|
|
|
id: id,
|
|
|
url: videoAddr,
|
|
|
- // width: 354,
|
|
|
- width:100,
|
|
|
- height:45,
|
|
|
+ width:589,
|
|
|
+ height:330,
|
|
|
poster: '/src/assets/images/vent/noSinge.png',
|
|
|
plugins: [FlvPlugin],
|
|
|
fluid: true,
|
|
@@ -307,10 +306,8 @@ function setNoRtspVideo(id, videoAddr) {
|
|
|
lang: 'zh',
|
|
|
id: id,
|
|
|
url: videoAddr,
|
|
|
- // width: 354,
|
|
|
- width:100,
|
|
|
- // height: 245,
|
|
|
- height:45,
|
|
|
+ width:589,
|
|
|
+ height:330,
|
|
|
isLive: true,
|
|
|
autoplay: true,
|
|
|
autoplayMuted: true,
|
|
@@ -336,9 +333,8 @@ function setNoRtspVideo(id, videoAddr) {
|
|
|
lang: 'zh',
|
|
|
id: id,
|
|
|
url: videoAddr,
|
|
|
- // width: 354,
|
|
|
- width:100,
|
|
|
- height:45,
|
|
|
+ width:589,
|
|
|
+ height:330,
|
|
|
isLive: true,
|
|
|
autoplay: true,
|
|
|
autoplayMuted: true,
|
|
@@ -442,17 +438,18 @@ onUnmounted(() => {
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.camera-box {
|
|
|
+ width: 100%;
|
|
|
height: calc(100% - 60px);
|
|
|
display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
+ justify-content: space-around;
|
|
|
align-items: flex-start;
|
|
|
flex-wrap: wrap;
|
|
|
overflow-y: auto;
|
|
|
|
|
|
.player-box {
|
|
|
- width: 770px;
|
|
|
- height: 365px;
|
|
|
- padding: 10px;
|
|
|
+ width: 626px;
|
|
|
+ height: 370px;
|
|
|
+ padding: 17px 18px;
|
|
|
background: url('/@/assets/images/vent/camera_bg.png');
|
|
|
background-size: 100% 100%;
|
|
|
position: relative;
|