added html pages

2024-04-01 14:22:57 +02:00
parent 285b066c3a
commit b05be79773
5 changed files with 288 additions and 0 deletions
--- a/examples/wernigerode-pano.html
+++ b/examples/wernigerode-pano.html
@ -0,0 +1,47 @@
+<!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&t=1&design=v4&c0=0&c2=0&c39=1&c40=0&lg=de&pg=5EB12424-7C2D-428A-BEFF-0C9140CD772F&s=0" 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>