diff --git a/assets/css/youtube-theme.css b/assets/css/youtube-theme.css
new file mode 100644
index 0000000..0b9ea3b
--- /dev/null
+++ b/assets/css/youtube-theme.css
@@ -0,0 +1,286 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
+}
+.youtube-theme {
+  font-family: 'Roboto', sans-serif;
+}
+.youtube-theme .shaka-bottom-controls {
+  width: 100%;
+  padding: 0;
+  padding-bottom: 0;
+  z-index: 1;
+}
+.youtube-theme .shaka-bottom-controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.youtube-theme .shaka-ad-controls {
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
+}
+.youtube-theme .shaka-controls-button-panel {
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
+  height: 40px;
+  padding: 0 10px;
+}
+.youtube-theme .shaka-range-container {
+  margin: 4px 10px 4px 10px;
+  top: 0;
+}
+.youtube-theme .shaka-small-play-button {
+  -webkit-box-ordinal-group: -2;
+      -ms-flex-order: -3;
+          order: -3;
+}
+.youtube-theme .shaka-mute-button {
+  -webkit-box-ordinal-group: -1;
+      -ms-flex-order: -2;
+          order: -2;
+}
+.youtube-theme .shaka-controls-button-panel > * {
+  margin: 0;
+  padding: 3px 8px;
+  color: #EEE;
+  height: 40px;
+}
+.youtube-theme .shaka-controls-button-panel > *:focus {
+  outline: none;
+  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8);
+          box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8);
+  color: #FFF;
+}
+.youtube-theme .shaka-controls-button-panel > *:hover {
+  color: #FFF;
+}
+.youtube-theme .shaka-controls-button-panel .shaka-volume-bar-container {
+  position: relative;
+  z-index: 10;
+  left: -1px;
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
+  opacity: 0;
+  width: 0px;
+  -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 1, 1);
+  height: 3px;
+  transition: width 0.2s cubic-bezier(0.4, 0, 1, 1);
+  padding: 0;
+}
+.youtube-theme .shaka-controls-button-panel .shaka-volume-bar-container:hover,
+.youtube-theme .shaka-controls-button-panel .shaka-volume-bar-container:focus {
+  display: block;
+  width: 50px;
+  opacity: 1;
+  padding: 0 6px;
+}
+.youtube-theme .shaka-mute-button:hover + div {
+  opacity: 1;
+  width: 50px;
+  padding: 0 6px;
+}
+.youtube-theme .shaka-current-time {
+  padding: 0 10px;
+  font-size: 12px;
+}
+.youtube-theme .shaka-seek-bar-container {
+  height: 3px;
+  position: relative;
+  top: -1px;
+  border-radius: 0;
+  margin-bottom: 0;
+}
+.youtube-theme .shaka-seek-bar-container .shaka-range-element {
+  opacity: 0;
+}
+.youtube-theme .shaka-seek-bar-container:hover {
+  height: 5px;
+  top: 0;
+  cursor: pointer;
+}
+.youtube-theme .shaka-seek-bar-container:hover .shaka-range-element {
+  opacity: 1;
+  cursor: pointer;
+}
+.youtube-theme .shaka-seek-bar-container input[type=range]::-webkit-slider-thumb {
+  background: #FF0000;
+  cursor: pointer;
+}
+.youtube-theme .shaka-seek-bar-container input[type=range]::-moz-range-thumb {
+  background: #FF0000;
+  cursor: pointer;
+}
+.youtube-theme .shaka-seek-bar-container input[type=range]::-ms-thumb {
+  background: #FF0000;
+  cursor: pointer;
+}
+.youtube-theme .shaka-video-container * {
+  font-family: 'Roboto', sans-serif;
+}
+.youtube-theme .shaka-video-container .material-icons-round {
+  font-family: 'Material Icons Sharp';
+}
+.youtube-theme .shaka-overflow-menu,
+.youtube-theme .shaka-settings-menu {
+  border-radius: 2px;
+  background: rgba(28, 28, 28, 0.9);
+  text-shadow: 0 0 2px rgb(0 0 0%);
+  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
+  transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  right: 10px;
+  bottom: 50px;
+  padding: 8px 0;
+  min-width: 200px;
+}
+.youtube-theme .shaka-settings-menu {
+  padding: 0 0 8px 0;
+}
+.youtube-theme .shaka-settings-menu button {
+  font-size: 12px;
+}
+.youtube-theme .shaka-settings-menu button span {
+  margin-left: 33px;
+  font-size: 13px;
+}
+.youtube-theme .shaka-settings-menu button[aria-selected="true"] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.youtube-theme .shaka-settings-menu button[aria-selected="true"] span {
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
+  margin-left: 0;
+}
+.youtube-theme .shaka-settings-menu button[aria-selected="true"] i {
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
+  font-size: 18px;
+  padding-left: 5px;
+}
+.youtube-theme .shaka-overflow-menu button {
+  padding: 0;
+}
+.youtube-theme .shaka-overflow-menu button i {
+  display: none;
+}
+.youtube-theme .shaka-overflow-menu button .shaka-overflow-button-label {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  cursor: default;
+  outline: none;
+  height: 40px;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%;
+}
+.youtube-theme .shaka-overflow-menu button .shaka-overflow-button-label span {
+  -ms-flex-negative: initial;
+      flex-shrink: initial;
+  padding-left: 15px;
+  font-size: 13px;
+  font-weight: 500;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.youtube-theme .shaka-overflow-menu span + span {
+  color: #FFF;
+  font-weight: 400 !important;
+  font-size: 12px !important;
+  padding-right: 8px;
+  padding-left: 0 !important;
+}
+.youtube-theme .shaka-overflow-menu span + span:after {
+  content: "navigate_next";
+  font-family: 'Material Icons Sharp';
+  font-size: 20px;
+}
+.youtube-theme .shaka-overflow-menu .shaka-pip-button span + span {
+  padding-right: 15px !important;
+}
+.youtube-theme .shaka-overflow-menu .shaka-pip-button span + span:after {
+  content: "";
+}
+.youtube-theme .shaka-back-to-overflow-button {
+  padding: 8px 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  font-size: 12px;
+  color: #eee;
+  height: 40px;
+}
+.youtube-theme .shaka-back-to-overflow-button .material-icons-round {
+  font-size: 15px;
+  padding-right: 10px;
+}
+.youtube-theme .shaka-back-to-overflow-button span {
+  margin-left: 3px !important;
+}
+.youtube-theme .shaka-overflow-menu button:hover,
+.youtube-theme .shaka-settings-menu button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+  cursor: pointer;
+}
+.youtube-theme .shaka-overflow-menu button:hover label,
+.youtube-theme .shaka-settings-menu button:hover label {
+  cursor: pointer;
+}
+.youtube-theme .shaka-overflow-menu button:focus,
+.youtube-theme .shaka-settings-menu button:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+  outline: none;
+}
+.youtube-theme .shaka-overflow-menu button,
+.youtube-theme .shaka-settings-menu button {
+  color: #EEE;
+}
+.youtube-theme .shaka-captions-off {
+  color: #BFBFBF;
+}
+.youtube-theme .shaka-overflow-menu-button {
+  font-size: 18px;
+  margin-right: 5px;
+}
+.youtube-theme .shaka-fullscreen-button:hover {
+  font-size: 25px;
+  -webkit-transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
+  transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
+}
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index 8396040..a04af22 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -1,6 +1,7 @@
 var globals = {};
 
 $(document).ready(function() {
+    shaka.polyfill.installAll();
     var urlParams = new URLSearchParams(window.location.search);
     var id = (platforms.includes("twitch")) ? urlParams.get("id") : "";
     var v = (platforms.includes("youtube")) ? urlParams.get("v") : "";
@@ -773,7 +774,7 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
     }
 
     switch (type) {
-        case "twitch":
+        case "twitch": {
             var player = new Twitch.Player("video-player", { video: id , time: time });
 
             $("#copy-button").show();
@@ -798,7 +799,8 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
                 });
             }
             break;
-        case "youtube":
+        }
+        case "youtube": {
             var player;
             var chat;
             // creating a div to be replaced by yt's iframe
@@ -839,11 +841,13 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
             var firstScriptTag = document.getElementsByTagName('script')[0];
             firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
             break;
-        case "chatonly":
+        }
+        case "chatonly": {
             var chat = new Chat(id, player, type, start, end, provider);
             chat.startChatStream();
             break;
-        case "m3u8":
+        }
+        case "m3u8": {
             var replacedVideo = document.createElement('video');
             replacedVideo.controls = true;
             replacedVideo.autoplay = true;
@@ -891,7 +895,8 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
                 navigator.clipboard.writeText(`${decodeURIComponent(params.toString())}`);
             });
             break;
-        case "vodstiny":
+        }
+        case "vodstiny": {
             var replacedVideo = document.createElement('video');
             replacedVideo.controls = true;
             replacedVideo.autoplay = true;
@@ -926,7 +931,8 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
                 navigator.clipboard.writeText(`${decodeURIComponent(params.toString())}`);
             });
             break;
-        case "odysee":
+        }
+        case "odysee": {
             var replacedVideo = document.createElement('video');
             replacedVideo.controls = true;
             replacedVideo.autoplay = true;
@@ -977,7 +983,8 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
                 });
             });
             break;
-        case "rumble":
+        }
+        case "rumble": {
             const playerObservser = new MutationObserver(mutations => {
                 mutations.forEach(mutation => {
                     if (mutation.attributeName === 'src') {
@@ -1010,31 +1017,27 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
                 });
             }});
             break;
-        case "kick":
+        }
+        case "kick": {
             var replacedVideo = document.createElement('video');
-            replacedVideo.controls = true;
             replacedVideo.autoplay = true;
-            replacedVideo.muted = true;
             replacedVideo.id = "m3u8-player";
             replacedVideo.style.width = "100%";
             replacedVideo.style.objectFit = "contain";
             replacedVideo.style.height = "100%";
-            document.querySelector("#video-player").appendChild(replacedVideo);
+            const playerContainer = document.querySelector("#video-player");
+            playerContainer.appendChild(replacedVideo);
+            playerContainer.classList.add("youtube-theme");
+            const shakaPlayer = new shaka.Player();
+            new shaka.ui.Overlay(shakaPlayer, playerContainer, replacedVideo);
+            shakaPlayer.getNetworkingEngine().registerRequestFilter(function(type, request, context) {
+                request.headers['X-Requested-With'] = 'vyneer.me';
+            });
+            shakaPlayer.attach(replacedVideo);
             fetch(`https://kick.com/api/v1/video/${id}`).then(resp => resp.json()).then(data => {
                 var videoSrc = `${corsProxyUrl}/${data.source}`;
-                if (Hls.isSupported()) {
-                    var hls = new Hls({
-                        enableWorker: true,
-                        xhrSetup: function (xhr) {
-                            xhr.setRequestHeader('X-Requested-With', 'vyneer.me');
-                        },
-                    });
-                    hls.loadSource(videoSrc);
-                    hls.attachMedia(replacedVideo);
-                }
-                else if (replacedVideo.canPlayType('application/vnd.apple.mpegurl')) {
-                    replacedVideo.src = videoSrc;
-                }
+                shakaPlayer.load(videoSrc);
+
                 replacedVideo.crossOrigin = 'anonymous';
                 replacedVideo.currentTime = time;
 
@@ -1061,6 +1064,7 @@ var loadPlayer = function(id, time, type, cdn, start, end, provider, map, nochat
                 });
             })
             break;
+        }
     }
 
     $("body").css("overflow", "hidden");
diff --git a/templates/index.html b/templates/index.html
index 1a26c5f..18893de 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -13,11 +13,14 @@
 
 	<link rel="stylesheet" href="octicons/octicons.css">
 	<link rel="stylesheet" href="css/{{index . "styles.css"}}"/>
+	<link rel="stylesheet" href="css/{{index . "youtube-theme.css"}}"/>
 
 	<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
 	<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
 	<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,600,700" rel="stylesheet">
 	<link href="https://cdn.jsdelivr.net/npm/microtip@0.2.2/microtip.min.css" rel="stylesheet">
+	<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/shaka-player/3.3.2/controls.css"/>
+	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp"/>
 
 	<script src="https://player.twitch.tv/js/embed/v1.js"></script>
 	<script async defer src="https://buttons.github.io/buttons.js"></script>
@@ -26,6 +29,8 @@
 	<script src="https://cdn.jsdelivr.net/npm/split.js@1.6.5/dist/split.min.js"></script>
 	<script src="https://cdn.jsdelivr.net/npm/linkifyjs@3.0.5/dist/linkify.min.js"></script>
 	<script src="https://cdn.jsdelivr.net/npm/linkifyjs@3.0.5/dist/linkify-string.min.js"></script>
+	<script src="https://ajax.googleapis.com/ajax/libs/shaka-player/3.3.2/shaka-player.ui.js"></script>
+	<script defer src="https://ajax.googleapis.com/ajax/libs/shaka-player/3.3.2/mux.js"></script>
 	<script src="js/lib/jquery-2.1.4.min.js"></script>
 	<script src="js/lib/jquery.tmpl.min.js"></script>
 	<script src="js/lib/rumble.js"></script>