Untitled

<html lang="en">

<head>

 <title>Sopanusa-FireDrill</title>

 
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script>
    var calcHeight = function() {
      $('#embed').height($(window).height());
    }

    $(document).ready(function() {
      calcHeight();
    });

    $(window).resize(function() {
      calcHeight();
    }).load(function() {
      calcHeight();
    });
  </script>

</head>

<body id='body1'>
   
    
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">
  var url = parent.document.URL;
  url = new URL(url);

  var query = url.searchParams.get("pinVR")
  var div = document.getElementById('body1');
  div.innerHTML = '<iframe id="embed" src="https://primeverse.id/Learning-Module/Sopanusa/Module-Kebakaran?pinVR=' + query + '" name="preview-frame" frameborder="0" noresize="noresize"></iframe>'
</script>
<style>
     html body {
      width: 100%;
      height: 100%;
      padding: 0px;
      margin: 0px;
      overflow: hidden;
      font-family: arial;
      font-size: 10px;
      color: #6e6e6e;
      background-color: #000;
    }
    
    #embed {
      width: 100%;
      background-color: #fff;
    }
</style>

</body>

</html>
Editor is loading...