it doesn't hide the video display now and loading is in the center of…

… the video and scales according to the size
ant-media · May 20, 2021 · de7b106 · de7b106
1 parent 013c35d
commit de7b106
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/main/webapp/player.html b/src/main/webapp/player.html
@@ -51,10 +51,16 @@
 		display:none;
 	}
 #video-overlay {
-	margin: 0 auto;
+	position: absolute;
+	left: 25%;
+	right: 25%;
+	top: 25%;
 	display: none;
 	z-index: 9999999;
 }
+#video-overlay img{
+	width: 25%;
+}
 </style>
 </head>
 <body>
@@ -333,10 +339,9 @@ <h3 class="col text-muted">WebRTC Play</h3>
 					let overlay = document.getElementById('video-overlay');
 					getVideo.pause();
 					overlay.style.display = "block";
-					getVideo.style.display = "none";
  					// Call set stream resolution
     				webRTCAdaptor.forceStreamQuality(streamId, Number(dropdownSelectedItem));
-					setTimeout(function(){ getVideo.play();overlay.style.display = "none"; getVideo.style.display = "block"; }, 2000);
+					setTimeout(function(){ getVideo.play();overlay.style.display = "none";}, 2000);
 					// Remove current active item
 					$('a.dropdown-item.active').removeClass("active"); 
 					// Add active in new item