diff --git a/view.html b/view.html
index 1164601..b763050 100644
--- a/view.html
+++ b/view.html
@@ -6,7 +6,11 @@
         <title>Viewer</title>
     </head>
     <body>
-	    <iframe id="viewport_iframe" style="border:0;padding:0;margin:0 auto;max-width:100%;height:100%;max-height:100%;"></iframe>
+	    <div id="viewport_div">
+		<iframe class="viewport_iframes" style="visibility: visible;"></iframe>
+		<iframe class="viewport_iframes" style="visibility: hidden;"></iframe>
+		<iframe class="viewport_iframes" style="visibility: hidden;"></iframe>
+		</div>
 	<style>
 		#mess-messElement {
 			white-space: preserve;
@@ -19,6 +23,25 @@
 			width: 100%;
 			height: auto;
 		}
+		.viewport_div{
+			posiiton:relative;
+			border:0;
+			padding:0;
+			margin:0 auto;
+			max-width:100%;
+			height:100%;
+			max-height:100%;
+		}
+		.viewport_iframes{
+			position:absolute;
+			top:0;left:0;
+			border:0;
+			padding:0;
+			margin:0;
+			max-width:100%;
+			height:100%;
+			max-height:100%;
+		}
 		html, body {
 			text-align:center;
 			border:0;
@@ -35,7 +58,9 @@
         <script src="https://unpkg.com/peerjs@1.5.0/dist/peerjs.min.js"></script>
         <script type="text/javascript">
             (function () {
-		let iframe = document.getElementById('viewport_iframe')
+		let div = document.getElementById('viewport_div')
+		var iframes = div.getElementsByTagName("iframe");
+		let iframe = frames[0]
                 var lastPeerId = null;
                 var peer = null; // Own peer object
                 var peerId = null;
