diff --git a/html/poketube.ejs b/html/poketube.ejs
index dbbb9081..3be88263 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -378,6 +378,9 @@ a[data-onclick="jump_to_time"] {
   <link href="/css/watch-util.css?v=9893448" rel=stylesheet>
   <link href="/css/watch-navbar.css?v=9893448" rel=stylesheet>
   <link href="/css/poketube.css?v=948934774844" rel=stylesheet>
+
+  <link href="https://vjs.zencdn.net/8.16.1/video-js.css" rel="stylesheet" />
+  <script src="https://vjs.zencdn.net/8.16.1/video.min.js"></script>
   <!-- css files end -->
 
 <% if (k.Video.Channel.Name == "7clouds") { %> 
@@ -597,97 +600,7 @@ background-color: #0000;
     top: 0;
   
 }
-  #controls {
-    display: flex;
-    visibility: hidden;
-    position: absolute;
-    bottom: 0;
-    margin-bottom: 70px  !important;
-    margin: 0 20px;
-    width: 100%;
-    align-items:flex-end;
-  }
-  video:hover~#controls, #controls:hover {
-    visibility: visible;
-  }
-  .control-button {
-    width: 40px;
-    border-radius: 5px;
-    margin-bottom: 6px;
-    padding: 3px
-  }
-  .video-player-container {
-    position: relative;
-  }
-  .control-button svg {
-    fill: #c59cd0;
-    width: 40px;
-    margin-bottom: -6px;
-  }
-  #seekbar {
-    display: flex;
-    margin-left: 20px;
-    margin-right: 20px;
-    width: 100%;
-  }
-  input[id*="-slider"] {
-    flex-grow: 1;
-    -webkit-appearance: none;
-    appearance: none;
-    background: #ffffff;
-    border: 1px solid #000000;
-    margin-bottom: 23px;
-    cursor: pointer;
-    width: 0.5rem;
-    height: 5px !important;
-    display: block;
-    border-radius: 50px;
-  }
-  input[type=range]::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    border: 1px solid #000000;
-    height: 21px;
-    width: 21px;
-    border-radius: 20px;
-    background: var(--div-gradient);
-    cursor: pointer;
-    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-  }
-  input[type=range]::-moz-range-thumb {
-    border: 1px solid #000000;
-    height: 21px;
-    width: 21px;
-    border-radius: 20px;
-    background: var(--div-gradient);
-    cursor: pointer;
-    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-  }
-  #timestamps {
-    margin-right: 40px;
-    text-shadow: 1px 1px 2px black;
-  }
-  html:fullscreen video {
-    display: block !important;
-    position: fixed !important;
-    top: 0 !important;
-    left: 0 !important;
-    width: 100vw !important;
-    height: 100vh !important;
-    z-index: 999999 !important;
-  }
-  html:fullscreen *:not(html, video, body, ptd-app-ejs, .app, .watch-page, .primary, .video-player-container, #popupMenu, #popupMenu *) {
-    visibility: hidden !important;
-  }
-  .error-card {
-    background-color: #823434aa;
-    margin: 30px;
-    padding: 5px 20px;
-    border: 2px solid red;
-    border-radius: 10px;
-  }
-  #buffer-failed-warning {
-    display: none;
-  }
+
 
   .rainbow-gradient {
     background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);