JSFiddle - React, Tailwind, and code Playground
HTML
<iframe src="http://www.ted.com/" height="96%" width="96%" id="frameID"></iframe>
CSS
html,body
{
height:100%;
padding:0px;
margin:0px;
text-align:center;
background:rgba(0,0,0,0.4);
}
iframe
{
border:none;
padding:0px;
margin:0 auto;
position:absolute;
left:2%;
top:2%;
border-radius:10px;
box-shadow:0px 5px 10px black;
}
JavaScript
$(document).ready(function () {
$('#frameID').load(function () {
alert($('#frameID').contents().find("body").html());
});
});