Fix position and resize screensharing videos.

Signed-off-by: Ivan Sein <ivan@nextcloud.com>
nextcloud · Mar 14, 2017 · a2ba0ba · a2ba0ba
1 parent 639f1ed
commit a2ba0ba
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/css/style.css b/css/style.css
@@ -320,7 +320,7 @@ video {
 }
 
 #app-content.screensharing #localScreenContainer {
-	max-height: calc(100% - 200px);
+	height: calc(100% - 200px);
 	overflow: scroll;
 	background-color: transparent;
 }

diff --git a/js/webrtc.js b/js/webrtc.js
@@ -153,6 +153,16 @@ var spreedMappingTable = [];
 		var spreedListofSpeakers = {};
 		var latestSpeakerId = null;
 		var screenSharingActive = false;
+
+		window.addEventListener('resize', function(event){
+			if (screenSharingActive) {
+				$('#localScreenContainer').children('video').each(function () {
+				    $(this).width('100%');
+				    $(this).height($('#localScreenContainer').height());
+				});
+			}
+		});
+
 		OCA.SpreedMe.speakers = {
 			showStatus: function() {
 				var data = [];
@@ -544,10 +554,10 @@ var spreedMappingTable = [];
 
 		// Local screen added.
 		OCA.SpreedMe.webrtc.on('localScreenAdded', function (video) {
-			video.onclick = function () {
-				video.style.width = video.videoWidth + 'px';
-				video.style.height = video.videoHeight + 'px';
-			};
+			var initialHeight = $('#app-content').height() - 200;
+
+			video.style.width = '100%'
+			video.style.height = initialHeight + 'px';
 
 			OCA.SpreedMe.speakers.unpromoteLatestSpeaker();