|
|
@@ -57,18 +57,22 @@
|
|
|
</iframe>
|
|
|
</vue-drag-resize>
|
|
|
<vue-drag-resize
|
|
|
+ :snapToGrid="false"
|
|
|
v-if="showVideo"
|
|
|
:w="videoW"
|
|
|
:h="videoH"
|
|
|
:y="videoY"
|
|
|
:x="videoX"
|
|
|
+ @resizing="onResizing"
|
|
|
+ @dragging="onResizing"
|
|
|
+ :preventActiveBehavior="true"
|
|
|
class="videoWrap"
|
|
|
>
|
|
|
<div class="videowall"></div>
|
|
|
<div class="showBtnList">
|
|
|
<!-- <i class="el-icon-copy-document" @click="showInstructions"></i> -->
|
|
|
<i class="el-icon-close" @click="showVideo = false"></i>
|
|
|
- <i
|
|
|
+ <i
|
|
|
class="iconfont icon-fullscreen fullscreen"
|
|
|
@click="fullPageVideo"
|
|
|
v-if="!fullscreen"
|
|
|
@@ -82,7 +86,8 @@
|
|
|
<video
|
|
|
id="video"
|
|
|
:src="src"
|
|
|
- width="640px"
|
|
|
+ :width="VideoWidth"
|
|
|
+ :height="VideoHeight"
|
|
|
controls
|
|
|
playsinline
|
|
|
loop
|
|
|
@@ -174,7 +179,7 @@ export default {
|
|
|
this.isShow = true;
|
|
|
});
|
|
|
},
|
|
|
- fullPageVideo(){},
|
|
|
+ fullPageVideo() {},
|
|
|
// onDragging(e){
|
|
|
|
|
|
// },
|
|
|
@@ -183,7 +188,7 @@ export default {
|
|
|
this.isShow = !this.isShow;
|
|
|
},
|
|
|
showFullPage() {},
|
|
|
- resetVideo(){},
|
|
|
+ resetVideo() {},
|
|
|
},
|
|
|
computed: {
|
|
|
// key() {
|
mo