Files
dbr/examples/wernigerode-pano.html
2024-04-01 18:06:22 +02:00

47 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fullscreen Embedded Page</title>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
iframe {
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
<iframe src="https://webtv.feratel.com/webtv/?cam=3175&design=v4&pg=5EB12424-7C2D-428A-BEFF-0C9140CD772F" id="embedded-frame"></iframe>
<script>
const iframe = document.getElementById('embedded-frame');
// Function to request fullscreen
function requestFullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) { /* Firefox */
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) { /* IE/Edge */
element.msRequestFullscreen();
}
}
// Request fullscreen when the document is loaded
document.addEventListener('DOMContentLoaded', function() {
requestFullscreen(iframe);
});
</script>
</body>
</html>