KJSL: devices fill the screen more

kevleyski · Jul 30, 2024 · 5af7fb8 · 5af7fb8
1 parent f4bcd3f
commit 5af7fb8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
   <title>videojs-vr Demo</title>
 </head>
 <body>
-  <iframe height="658" src="examples/360.html" style="width: 97vw; min-height: 658px;" allowfullscreen="true" webkitallowfullscreen="" mozallowfullscreen="" allow="gyroscope; accelerometer; xr"></iframe>
+  <iframe height="658" src="examples/360.html" style="width: 97vw; min-height: 658px;" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" allow="gyroscope; accelerometer; xr"></iframe>
   <ul>
     <li><a href="test/debug.html">Run unit tests in browser.</a></li>
     <li><a href="examples/180.html">180 video example (left/right)</a></li>

diff --git a/src/plugin.scss b/src/plugin.scss
@@ -17,6 +17,14 @@ button {
   font-style: bold !important;
 }
 
+.vjs-default-skin {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+}
+
 .video-js {
   .vjs-big-vr-play-button {
     width: 100px;
@@ -42,14 +50,6 @@ button {
     cursor: move;
   }
 
-  .vjs-default-skin {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-  }
-
   .vjs-button-vr{
     .vjs-icon-placeholder {
       height:30px;