update iframe-fullscreen-web

docs/iframe.html

@@ -1,74 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Artplayer Iframe Fullscreen Web</title>
-    <style>
-        html,
-        body {
-            width: 100%;
-            height: 100%;
-            margin: 0;
-            padding: 0;
-        }
-
-        .container {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            height: 100%;
-            padding: 50px;
-            box-sizing: border-box;
-        }
-
-        .fullscreenWeb {
-            position: fixed;
-            z-index: 9999;
-            width: 100%;
-            height: 100%;
-            left: 0;
-            top: 0;
-            right: 0;
-            bottom: 0;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="container">
-        <iframe id="iframe" src="./iframe.inner.html" frameborder="0" width="100%" height="100%"
-            allowfullscreen="true"></iframe>
-    </div>
-    <script>
-        const $iframe = document.getElementById('iframe');
-
-        window.addEventListener('message', event => {
-            const { type, data } = event.data;
-            switch (type) {
-                case 'fullscreenWeb':
-                    if (data) {
-                        $iframe.classList.add('fullscreenWeb');
-                        const { clientWidth, clientHeight } = document.documentElement;
-                        $iframe.contentWindow.postMessage({
-                            type: 'autoOrientation',
-                            data: {
-                                clientWidth,
-                                clientHeight
-                            },
-                        }, '*');
-                    } else {
-                        $iframe.classList.remove('fullscreenWeb');
-                    }
-                    break;
-                default:
-                    break;
-            }
-        });
-    </script>
-</body>
-
-</html>