|
@@ -1,6 +1,7 @@
|
|
|
-<template>
|
|
|
- <div class="video-player">
|
|
|
+<template id="divPlugin0">
|
|
|
+ <div id="divPlugin" class="video-player">
|
|
|
<div id="divPlugin1" class="divPlugin"></div>
|
|
|
+
|
|
|
<!-- <div id="divPlugin" class="divPlugin" ref="divPlugin" v-if="plugin">
|
|
|
</div> -->
|
|
|
<!-- <div class="down" v-else>
|
|
@@ -42,6 +43,12 @@ export default {
|
|
|
window.removeEventListener("resize", this.handleResize);
|
|
|
},
|
|
|
mounted() {
|
|
|
+
|
|
|
+ //浏览器界面大小
|
|
|
+ console.log("1: ",document.body.clientWidth ,document.body.clientHeight)
|
|
|
+ console.log("2: ",window.screen.height , window.devicePixelRatio,window.screen.height * window.devicePixelRatio)
|
|
|
+ console.log("3: ",window.screen.width , window.devicePixelRatio,window.screen.width * window.devicePixelRatio)
|
|
|
+
|
|
|
this.videoInitPlugin();
|
|
|
},
|
|
|
destroyed() {
|
|
@@ -50,10 +57,20 @@ export default {
|
|
|
methods: {
|
|
|
handleResize() {
|
|
|
this.zoom = window.devicePixelRatio;
|
|
|
+ let h
|
|
|
+ let w
|
|
|
+ if(document.body.clientWidth>=(document.body.clientHeight*2)){
|
|
|
+ h=document.body.clientHeight
|
|
|
+ w=document.body.clientHeight*2
|
|
|
+ }else{
|
|
|
+ h=document.body.clientWidth/2
|
|
|
+ w=document.body.clientWidth
|
|
|
+ }
|
|
|
+
|
|
|
setTimeout(() => {
|
|
|
WebVideoCtrl.I_Resize(
|
|
|
- 600 / (this.zoom / 1.25),
|
|
|
- 240 / (this.zoom / 1.25)
|
|
|
+ w/2.42,
|
|
|
+ h/3.2
|
|
|
);
|
|
|
}, 1000);
|
|
|
},
|
|
@@ -79,10 +96,65 @@ export default {
|
|
|
});
|
|
|
console.log("🚀 初始化插件完成 >> ", that.g_iWndIndex);
|
|
|
console.log("🚀 插入插件");
|
|
|
+ let h
|
|
|
+ let w
|
|
|
+ console.log("0: ",document.body.clientWidth ,document.body.clientHeight)
|
|
|
+ if(document.body.clientWidth>=(document.body.clientHeight*2)){
|
|
|
+ h=document.body.clientHeight
|
|
|
+ w=document.body.clientHeight*2
|
|
|
+ }else{
|
|
|
+ h=document.body.clientWidth/2
|
|
|
+ w=document.body.clientWidth
|
|
|
+ }
|
|
|
+
|
|
|
+ var s = "";
|
|
|
+ s += " 网页可见区域宽:"+ document.body.clientWidth+"\n";
|
|
|
+ s += " 网页可见区域高:"+ document.body.clientHeight+"\n";
|
|
|
+
|
|
|
+ s += " 网页可见区域宽:"+ document.body.offsetWidth+" (包括边线和滚动条的宽)"+"\n";
|
|
|
+ s += " 网页可见区域高:"+ document.body.offsetHeight+" (包括边线的宽)"+"\n";
|
|
|
+
|
|
|
+ s += " 网页正文全文宽:"+ document.body.scrollWidth+"\n";
|
|
|
+ s += " 网页正文全文高:"+ document.body.scrollHeight+"\n";
|
|
|
+
|
|
|
+ s += " 网页被卷去的高:"+ document.body.scrollTop+"\n";
|
|
|
+ s += " 网页被卷去的左:"+ document.body.scrollLeft+"\n";
|
|
|
+
|
|
|
+ s += " 网页正文部分上:"+ window.screenTop+"\n";
|
|
|
+ s += " 网页正文部分左:"+ window.screenLeft+"\n";
|
|
|
+
|
|
|
+ s += " 屏幕分辨率的高:"+ window.screen.height+"\n";
|
|
|
+ s += " 屏幕分辨率的宽:"+ window.screen.width+"\n";
|
|
|
+
|
|
|
+ s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";
|
|
|
+ s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";;
|
|
|
+
|
|
|
+ s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";
|
|
|
+ s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";
|
|
|
+
|
|
|
+ const divElement = document.querySelector('.map_more_box');
|
|
|
+ s += " 1你的屏幕设置是 "+divElement.clientWidth+"\n";//元素高度+内边距
|
|
|
+ s += " 2你的屏幕设置是 "+divElement.clientHeight+"\n";//元素高度+内边距+滚动条+边框
|
|
|
+ s += " 3你的屏幕设置是 "+divElement.offsetWidth+"\n";//元素内容高度(包括溢出不可见内容)
|
|
|
+ s += " 4你的屏幕设置是 "+divElement.clientHeight+"\n";//元素左上角相对父级左上角的偏移量
|
|
|
+ s += " 5你的屏幕设置是 "+divElement.scrollWidth+"\n";//元素内容高度(包括溢出不可见内容)
|
|
|
+ s += " 6你的屏幕设置是 "+divElement.scrollHeight+"\n";//元素左上角相对父级左上角的偏移量
|
|
|
+ console.log(s)
|
|
|
+
|
|
|
+ // let h1
|
|
|
+ // let w1
|
|
|
+ // w1=divElement.clientWidth
|
|
|
+ // h1=divElement.clientHeight
|
|
|
+
|
|
|
+ console.log("1: ",w ,h)
|
|
|
+ console.log("1: ", w/2.42, h/3.2)
|
|
|
+
|
|
|
+ // console.log("2: ",w1 ,h1)
|
|
|
+ // console.log("2: ",w1*0.8,h1*0.7)
|
|
|
WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin1").then(() => {
|
|
|
WebVideoCtrl.I_Resize(
|
|
|
- 600 / (this.zoom / 1.25),
|
|
|
- 240 / (this.zoom / 1.25)
|
|
|
+ w/2.42,
|
|
|
+ h/3.2
|
|
|
).then(() => {
|
|
|
console.log("🚀 data >> ", that.companyVideoData);
|
|
|
this.getLoginParams().then((res) => {
|