|
@@ -44,7 +44,8 @@
|
|
<div v-if="videoItem && videoItem.videoUrl" class="video-mask">
|
|
<div v-if="videoItem && videoItem.videoUrl" class="video-mask">
|
|
<video-play
|
|
<video-play
|
|
videoId="videoId"
|
|
videoId="videoId"
|
|
- :videoItem="videoItem"
|
|
|
|
|
|
+ :video-item="videoItem"
|
|
|
|
+ :video-height="388"
|
|
@closeVideo="closeVideo"
|
|
@closeVideo="closeVideo"
|
|
></video-play>
|
|
></video-play>
|
|
</div>
|
|
</div>
|
|
@@ -170,7 +171,8 @@ export default {
|
|
const filesArr = [...filesList];
|
|
const filesArr = [...filesList];
|
|
// ?x-oss-process=video/snapshot,t_0,f_jpg,w_800,h_600,m_fast,ar_auto
|
|
// ?x-oss-process=video/snapshot,t_0,f_jpg,w_800,h_600,m_fast,ar_auto
|
|
filesArr.forEach(item => {
|
|
filesArr.forEach(item => {
|
|
- this.video.img = `${item.url}?x-oss-process=video/snapshot,t_0,f_jpg,w_544,h_408,m_fast,ar_auto`;
|
|
|
|
|
|
+ // this.video.img = `${item.url}?x-oss-process=video/snapshot,t_0,f_jpg,w_544,h_408,m_fast,ar_auto`;
|
|
|
|
+ this.video.img = `${item.url}?x-oss-process=video/snapshot,t_0,f_jpg,w_544,h_297,m_fast,ar_auto`;
|
|
this.video.video = item.url || "";
|
|
this.video.video = item.url || "";
|
|
this.video.uri = item.uri || "";
|
|
this.video.uri = item.uri || "";
|
|
this.video.domain = item.domain || "";
|
|
this.video.domain = item.domain || "";
|
|
@@ -248,12 +250,14 @@ export default {
|
|
.video-wrap {
|
|
.video-wrap {
|
|
position: relative;
|
|
position: relative;
|
|
width: 112px;
|
|
width: 112px;
|
|
- height: 84px;
|
|
|
|
|
|
+ // height: 84px;
|
|
|
|
+ height: 61px;
|
|
margin: 14px 14px 14px 0;
|
|
margin: 14px 14px 14px 0;
|
|
|
|
|
|
.el-image {
|
|
.el-image {
|
|
width: 112px;
|
|
width: 112px;
|
|
- height: 84px;
|
|
|
|
|
|
+ // height: 84px;
|
|
|
|
+ height: 61px;
|
|
cursor: grabbing;
|
|
cursor: grabbing;
|
|
}
|
|
}
|
|
.iconfontplay {
|
|
.iconfontplay {
|