|
@@ -68,6 +68,16 @@
|
|
|
<div class="showBtnList">
|
|
|
<!-- <i class="el-icon-copy-document" @click="showInstructions"></i> -->
|
|
|
<i class="el-icon-close" @click="showVideo = false"></i>
|
|
|
+ <i
|
|
|
+ class="iconfont icon-fullscreen fullscreen"
|
|
|
+ @click="fullPageVideo"
|
|
|
+ v-if="!fullscreen"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ class="iconfont icon-tubiao-huanyuan huanyuan"
|
|
|
+ @click="resetVideo"
|
|
|
+ v-else
|
|
|
+ ></i>
|
|
|
</div>
|
|
|
<video
|
|
|
id="video"
|
|
@@ -126,31 +136,6 @@ export default {
|
|
|
this.videoX = (clientWidth - 640) / 2;
|
|
|
this.videoY = (this.docY - 320) / 2;
|
|
|
},
|
|
|
- // resizeI(e) {
|
|
|
- // if (document.fullscreenElement) {
|
|
|
- // if (e.target.getAttribute("id") == "instructions") {
|
|
|
- // this.w =
|
|
|
- // document.documentElement.clientWidth || document.body.clientWidth;
|
|
|
-
|
|
|
- // this.h =
|
|
|
- // document.documentElement.clientHeight || document.body.clientHeight;
|
|
|
- // console.log(
|
|
|
- // "全屏的高",
|
|
|
- // this.h,
|
|
|
- // document.documentElement.clientHeight
|
|
|
- // );
|
|
|
- // }
|
|
|
-
|
|
|
- // console.log("进入全屏");
|
|
|
- // } else {
|
|
|
- // if (e.target.getAttribute("id") == "instructions") {
|
|
|
- // // 初始化
|
|
|
- // this.initSize();
|
|
|
- // }
|
|
|
-
|
|
|
- // console.log("退出全屏");
|
|
|
- // }
|
|
|
- // },
|
|
|
resizestop(e) {
|
|
|
if (!this.fullscreen) {
|
|
|
this.h = Math.abs(e.height);
|
|
@@ -189,6 +174,7 @@ export default {
|
|
|
this.isShow = true;
|
|
|
});
|
|
|
},
|
|
|
+ fullPageVideo(){},
|
|
|
// onDragging(e){
|
|
|
|
|
|
// },
|
|
@@ -197,6 +183,7 @@ export default {
|
|
|
this.isShow = !this.isShow;
|
|
|
},
|
|
|
showFullPage() {},
|
|
|
+ resetVideo(){},
|
|
|
},
|
|
|
computed: {
|
|
|
// key() {
|