ucservice 1.4.3 → 1.4.4

package/dist/ucservice.common.js

@@ -13951,17 +13951,21 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       if (rotateIndex == 0) {
         //0
         $(video).attr('class', 'video-box');
-        $(video).css('height', '');
+        $(video).css('height', 'auto');
         $(video).css('width', 'auto');
-        video.style.position = 'static';
-        video.style.transform = 'none';
-        $(video).css('left', '');
-        $(video).css('top', '');
+        $(video).css('max-height', '100%');
+        $(video).css('max-width', '100%');
+        video.style.position = 'absolute';
+        $(video).css('left', '50%');
+        $(video).css('top', '50%');
+        video.style.transform = 'translate(-50%, -50%)';
       } else if (rotateIndex == 3) {
         //3
         $(video).attr('class', 'video-box');
         video.style.position = 'absolute';
         video.style.transform = 'rotate(270deg)';
+        $(video).css('max-height', '');
+        $(video).css('max-width', '');
 
         if (videoWidth / videoHeight > liWidth / liHeight) {
           //视频横向留白
@@ -13979,17 +13983,21 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       } else if (rotateIndex == 2) {
         //2
         $(video).attr('class', 'video-box');
-        $(video).css('height', '');
+        $(video).css('height', 'auto');
         $(video).css('width', 'auto');
-        video.style.position = 'static';
-        video.style.transform = 'rotate(180deg)';
-        $(video).css('left', '');
-        $(video).css('top', '');
+        $(video).css('max-height', '100%');
+        $(video).css('max-width', '100%');
+        video.style.position = 'absolute';
+        $(video).css('left', '50%');
+        $(video).css('top', '50%');
+        video.style.transform = 'translate(-50%, -50%) rotate(180deg)';
       } else if (rotateIndex == 1) {
         //1
         $(video).attr('class', 'video-box');
         video.style.position = 'absolute';
         video.style.transform = 'rotate(90deg)';
+        $(video).css('max-height', '');
+        $(video).css('max-width', '');
 
         if (videoWidth / videoHeight > liWidth / liHeight) {
           //视频横向留白
@@ -14328,7 +14336,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       for (let i = index; i < index + me._opts.windowsNum; i++) {
         videoHtml += '<li class="screen-' + i + '" index="' + (i - 1) + '" draggable="true"><video class="video-box" id="video-' + i + '" autoplay ></video>' + '<div class="info hide" id="info-' + i + '"></div>' + '<div class="operate-btn">'; //videoHtml +='<button type="button" class="unlock-video-btn hide" name="lockVideo"></button>';
 
-        checkUserMediaAvailable() && (videoHtml += '<button type="button" class="rotate-btn hide" name="rotateVideo" rotate-index="0"></button><button type="button" class="unsend-audio-btn hide" name="sendAudio"></button>');
+        checkUserMediaAvailable() && (videoHtml += '<button type="button" class="rotate-btn hide" name="rotateVideo" rotate-index="0" title="视频旋转"></button><button type="button" class="unsend-audio-btn hide" name="sendAudio"></button>');
         videoHtml += '<button type="button" class="unrecv-audio-btn hide" name="recvAudio"></button>' + '<button type="button" class="close-btn hide" name="closeVideo"></button>' + '</div>' + '</li>';
       }