Fullscreen
FULLSCREEN
Embed Code
<div class="container">
<h2>Device fullscreen mode</h2>
<div id="zoom1" style="width:100%; height:500px;"></div>
</div>
<div class="container">
<h2>Page fullscreen mode</h2>
<div id="zoom2" style="width:100%; height:500px;"></div>
</div>
<script src="/zoomlook/assets/ZLWebGL.js"></script>
<script src="/zoomlook/assets/ZLPlayer.min.js"></script>
<script>
window.onload = () => {
const ZL1 = new ZLPlayer({
basePath: "/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fullscreenMode: "device",
autoplay: true,
fps: 8
});
ZL1.loadZLView("LOOK09", "zoom1");
const ZL2 = new ZLPlayer({
basePath: "/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fullscreenMode: "page",
autoplay: true,
fps: 8
});
ZL2.loadZLView("LOOK09", "zoom2");
};
</script>