显示界面优化，主要适配手机屏幕2

显示界面优化，主要适配手机屏幕2

Author: why2fly

index.html

@@ -10,7 +10,7 @@
 		<!--style="position:fixed;width:100%;height:25%" style="background:#EEEEEE;"style="background:url(https://api.uomg.com/api/rand.img3?_t=)"-->
 
 		<div style="text-align:center;width:100%;background:rgb(0, 0, 0);">
-			<video id="video" controls style="width:90%;" v-on:click="playvideo(detail_items[0])" v-bind:poster="video_bgimg || detail_items[0] && detail_items[0].vod_pic"></video>
+			<video id="video" controls style="height:100%;width:auto;" v-on:click="playvideo(detail_items[0])" v-bind:poster="video_bgimg || detail_items[0] && detail_items[0].vod_pic"></video>
 		</div>
 
 		<div style="width:100%;background:rgb(0, 0, 0);">

public/index.js

@@ -177,9 +177,11 @@ var vm = new Vue({
             console.log(this.videoWidth,this.videoHeight);
             if(this.videoWidth > this.videoHeight){
               this.style.width = "100%";
+              this.style.height = "auto";
             }
             else{
-              this.style.width = "80%";
+              this.style.width = "auto";
+              this.style.height = "100%";
             }
           });
         });
@@ -190,9 +192,11 @@ var vm = new Vue({
           console.log(this.videoWidth,this.videoHeight);
           if(this.videoWidth > this.videoHeight){
             this.style.width = "100%";
+            this.style.height = "auto";
           }
           else{
-            this.style.width = "80%";
+            this.style.width = "auto";
+            this.style.height = "100%";
           }
         });
       }