JSFiddle - React, Tailwind, and code Playground

by Raf Vandelaer

HTML

<div class="second-row">
  <iframe name="presentatie" id="presframe" scrolling="no" frameborder="0"src="https://docs.google.com/presentation/d/13WCxr5uG4Jqw8bPJzB6dIdQ3DP2H4nBFRH8FHxlqK0Q/preview"></iframe>
</div>

CSS

body, html {width: 100%; height: 100%; margin: 0; padding: 0}
.first-row {position: absolute;top: 0; left: 0; right: 0; height: 100px; background-color: lime;}
.second-row {position: absolute; top: 0px; left: 0; right: 0; bottom: 0; background-color: red }
.second-row iframe {display: block; width: 100%; height: 100%; border: none;}

<!-- </style>
<meta http-equiv="refresh" content="5" />
<style> -->

JavaScript

//var myIframe = document.getElement("html");

setInterval
( function()
     { 
     $('#presframe').contentWindow.location.reload(true);
     }, 3000 );



/*var myIframe = document.getElementById("presframe");

setInterval
( function()
     { 
     if ( myIframe.src == "https://docs.google.com/presentation/d/13WCxr5uG4Jqw8bPJzB6dIdQ3DP2H4nBFRH8FHxlqK0Q/preview" )
         myIframe.src = myIframe.src; 
     }, 3000 );*/



///https://docs.google.com/presentation/d/13WCxr5uG4Jqw8bPJzB6dIdQ3DP2H4nBFRH8FHxlqK0Q/preview?slide=id.p