Fixed Errors of Windows 11 Video

Co-Authored-By: Anand Jaiswar <[email protected]>
anand-3399 · Jul 24, 2022 · 28acfef · 28acfef
1 parent 3517751
commit 28acfef
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -11,6 +11,10 @@
 
 <body>
 
+ <video autoplay muted id="myVideo">
+ <source src="img/video.webm" type="video/webm">
+ </video>
+
  <div class="icons">
  <img src="img/icons/chromeicon.png" alt="">
  <div>Google Chrome</div>
@@ -67,9 +71,7 @@
  <img src="img\Searchbar-new.jpg" alt="">
  </div>
 
- <video autoplay muted style="width: 100%;justify-content: center;display: flex;align-items: center;">
- <source src="img/video.webm" type="video/webm">
- </video>
+
 
 </body>
 <script src="script.js"></script>

diff --git a/style.css b/style.css
@@ -50,9 +50,8 @@ body {
  justify-content: flex-end;
 }
 
-.time{
+.time {}
 
-}
 .startmenu {
  position: absolute;
  /* bottom: 50px; */
@@ -93,13 +92,13 @@ body {
  width: 40%;
 }
 
-.action-center-button:hover{
+.action-center-button:hover {
  transition: all 0.3s ease-in;
  background-color: #d1d1d1;
  border-radius: 8px;
 }
 
-.action-center-button:active{
+.action-center-button:active {
  background-color: #b8b8b8;
  border-radius: 8px;
 }
@@ -114,7 +113,19 @@ body {
  margin: 40px auto;
  color: #fff;
  border-left: 3px solid #ed1f24;*/
- padding: 5px; 
- }
-
-/* End */
+ padding: 5px;
+}
+
+/* End */
+/* Video */
+#myVideo {
+ width: 100%;
+ justify-content: center;
+ display: flex;
+ align-items: center;
+ position: fixed;
+ right: 0;
+ bottom: -121px;
+ min-width: 100%;
+ min-height: 100%;
+}