Standard Embed

Current Code

<!— Begin of webcam code —>
<script src="https://relay.ozolio.com/js/jwebcam.js" type="text/javascript"></script>
<center><div id="webcam_holder" style="width:850px; height:450px;"></div></center>
<script type="text/javascript">
var camvars={};
camvars.domain = "https://relay.ozolio.com";
camvars.camera_doc = "YOUR_CAMERA_ID";
camvars.app_mode = "control";
var params={allowFullScreen:"true", allowScriptAccess: "always"};
var webcam=new jwebcam(camvars,"webcam_holder", 800, 450, params);
</script>
<!— End of webcam code —>

Code Needed

<!— Begin of webcam code —>
<script src="https://relay.ozolio.com/js/jwebcam.js" type="text/javascript"></script>
<center><div id="webcam_holder" style="width:100%; height:450px;"></div></center>
<script type="text/javascript">
var camvars={};
camvars.domain = "https://relay.ozolio.com";
camvars.camera_doc = "YOUR_CAMERA_ID";
camvars.app_mode = "control";
camvars.rsp_mode = "aspect";
var params={allowFullScreen:"true", allowScriptAccess: "always"};
var webcam=new jwebcam(camvars,"webcam_holder", 800, 450, params);
</script>
<!— End of webcam code —>

IFRAME Embed

Current Code

<!— Begin of webcam code —>
<iframe style="width:850px; height:450px; padding:0px; border:0px" seamless="seamless" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="https://relay.ozolio.com/pub.api?cmd=iframe&oid=YOUR_CAMERA_ID&app_mode=control"> </iframe>
<!— End of webcam code —>

Code Needed

<!— Begin of webcam code —>
<style>
.is-responsive {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.is-responsive iframe {
  max-width: 100%;
  position: absolute;
}
</style>    
<div class="is-responsive">
<iframe style="width:100%; height:100%; padding:0px; border:0px" seamless="seamless" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="https://relay.ozolio.com/pub.api?cmd=iframe&oid=YOUR_CAMERA_ID&app_mode=control"> </iframe>
</div>
<!— End of webcam code —>