Graduate

Update register.html

...@@ -67,7 +67,7 @@ function init() ...@@ -67,7 +67,7 @@ function init()
67 video.width = video.videoWidth; 67 video.width = video.videoWidth;
68 video.height = video.videoHeight; 68 video.height = video.videoHeight;
69 if (video.width > screenWidth || video.height + headerHeight + messageboxHeight > screenHeight){ 69 if (video.width > screenWidth || video.height + headerHeight + messageboxHeight > screenHeight){
70 - ratio = Math.min(screenWidth / video.width * 1.0, screenHeight / ((video.height + headerHeight + messageboxHeight) * 1.0)); 70 + ratio = Math.min(screenWidth / (video.width * 1.0), screenHeight / ((video.height + headerHeight + messageboxHeight) * 1.0));
71 } 71 }
72 container.style.width = Math.round(video.width * ratio) + 'px'; 72 container.style.width = Math.round(video.width * ratio) + 'px';
73 container.style.height = Math.round(video.height * ratio) + 'px'; 73 container.style.height = Math.round(video.height * ratio) + 'px';
......
...@@ -43,13 +43,13 @@ function init() ...@@ -43,13 +43,13 @@ function init()
43 video.addEventListener('canplay', () => { 43 video.addEventListener('canplay', () => {
44 var screenWidth = $(document).width(); 44 var screenWidth = $(document).width();
45 var screenHeight = $(document).height(); 45 var screenHeight = $(document).height();
46 - var contentWidth = $('.w3-content').width(); 46 + var headerHeight = $('#header').height();
47 - var contentHeight = $('.w3-content').height(); 47 + var inputformHeight = $('#inputForm').height();
48 var ratio = 1.0; 48 var ratio = 1.0;
49 video.width = video.videoWidth; 49 video.width = video.videoWidth;
50 video.height = video.videoHeight; 50 video.height = video.videoHeight;
51 - if (video.width > screenWidth || contentHeight > screenHeight){ 51 + if (video.width > screenWidth || headerHeight + video.height + inputformHeight > screenHeight){
52 - ratio = Math.min(screenWidth / video.width * 1.0, 1 - (contentHeight - screenheight) / (video.height * 1.0)); 52 + ratio = Math.min(screenWidth / (video.width * 1.0), screenHeight / ((headerHeight + video.height + inputformHeight) * 1.0));
53 } 53 }
54 container.style.width = Math.round(video.width * ratio) + 'px'; 54 container.style.width = Math.round(video.width * ratio) + 'px';
55 container.style.height = Math.round(video.height * ratio) + 'px'; 55 container.style.height = Math.round(video.height * ratio) + 'px';
...@@ -244,7 +244,7 @@ function submit() ...@@ -244,7 +244,7 @@ function submit()
244 and is wrapped around the whole page content, except for the footer in this example --> 244 and is wrapped around the whole page content, except for the footer in this example -->
245 <div class="w3-content"> 245 <div class="w3-content">
246 <!-- Header --> 246 <!-- Header -->
247 - <header class="w3-container w3-center"> 247 + <header id="header" class="w3-container w3-center">
248 <h1><b>얼굴 등록</b></h1> 248 <h1><b>얼굴 등록</b></h1>
249 <p>Made by <span class="w3-tag">정해갑</span></p> 249 <p>Made by <span class="w3-tag">정해갑</span></p>
250 </header> 250 </header>
......