diff --git a/package.json b/package.json
index e0f853c..201d024 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "plyx-player",
-  "version": "0.1.12",
+  "version": "0.1.3",
   "description": "Custom player for HTML5",
   "author": "sudovanilla",
   "license": "AGPL-3.0-or-later",
diff --git a/src/functions/buttons.js b/src/functions/buttons.js
index 9bcd6ed..fdbbc10 100644
--- a/src/functions/buttons.js
+++ b/src/functions/buttons.js
@@ -38,38 +38,45 @@ function AddDialogs() {
 }
 
 function AddControls() {
-    var add_controls = `
-    <div oncontextmenu="return false" class="plyx-player-controls">
-        <div class="row-2">
-            <div class="video-progress">
-                <progress id="progress-bar" value="0" min="0"></progress>
-                <input class="seek" id="seek" value="0" min="0" type="range" step="1">
-                <div class="seek-tooltip" id="seek-tooltip">00:00</div>
-            </div>
-        </div>
-        <div class="row-1">
-            <div class="row-1-start">
-                <button id="play-pause"><i class="fa-solid fa-play"></i></button>
-                <button id="skip-back"><i class="fa-solid fa-arrow-rotate-left"></i></button>
-                <button id="skip-forth"><i class="fa-solid fa-arrow-rotate-right"></i></button>
-                <div class="volume-controls">
-                    <button data-title="Mute (m)" class="volume-button" id="volume-button"><i class="fa-solid fa-volume-high"></i></button>
-                    <input class="volume" id="volume" value="1" type="range" max="1" min="0" step="0.01">
+    if (video.getAttribute('layout') === 'default') {
+        var add_controls = `
+        <div oncontextmenu="return false" class="plyx-player-controls">
+            <div class="row-2">
+                <div class="video-progress">
+                    <progress id="progress-bar" value="0" min="0"></progress>
+                    <input class="seek" id="seek" value="0" min="0" type="range" step="1">
+                    <div class="seek-tooltip" id="seek-tooltip">00:00</div>
                 </div>
             </div>
-            <div class="row-1-end">
-                <div class="time">
-                <time id="time-elapsed">00:00</time>
-                <span> / </span>
-                <time id="duration">00:00</time>
+            <div class="row-1">
+                <div class="row-1-start">
+                    <button id="play-pause"><i class="fa-solid fa-play"></i></button>
+                    <button id="skip-back"><i class="fa-solid fa-arrow-rotate-left"></i></button>
+                    <button id="skip-forth"><i class="fa-solid fa-arrow-rotate-right"></i></button>
+                    <div class="volume-controls">
+                        <button data-title="Mute (m)" class="volume-button" id="volume-button"><i class="fa-solid fa-volume-high"></i></button>
+                        <input class="volume" id="volume" value="1" type="range" max="1" min="0" step="0.01">
+                    </div>
+                </div>
+                <div class="row-1-end">
+                    <div class="time">
+                    <time id="time-elapsed">00:00</time>
+                    <span> / </span>
+                    <time id="duration">00:00</time>
+                    </div>
+                    <button id="fullscreen"><i class="fa-solid fa-expand"></i></button>
                 </div>
-                <button id="fullscreen"><i class="fa-solid fa-expand"></i></button>
             </div>
         </div>
-    </div>
-    `
+        `
+    }
+    else if (video.getAttribute('layout') === 'custom') {
+        var add_controls = custom_controls
+    }
+
+    
     video.insertAdjacentHTML("afterend", add_controls)
-    video.setAttribute("oncontextmenu", "return false")
+    // video.setAttribute("oncontextmenu", "return false")
 }
 
 function Util() {
diff --git a/src/styles/app.css b/src/styles/app.css
index 761df4e..d46a29d 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -1 +1 @@
-:root{--plyx-progress-bar-bg: rgba(100,100,100,0.5);--plyx-progress-bar: rgba(255, 0, 0, 0.5);--pylx-thumb: red;--pylx-rounded-corners: 4px}.plyx-context-menu{background:linear-gradient(45deg, rgb(10, 20, 28) 0%, rgba(10, 20, 28, 0.7) 100%);border-radius:6px;border:1px rgba(255,255,255,.08) solid}.plyx-context-menu ul{list-style:none;margin:0px;padding:0px}.plyx-context-menu ul li{padding:8px 32px 8px 16px;margin:4px;border-radius:4px;font-family:arial}.plyx-context-menu ul li:hover{background:rgba(255,255,255,.1);cursor:pointer}.plyx-context-menu ul li i{font-size:14px;margin-right:12px;width:12px}.video-container{position:relative;display:flex;flex-direction:column;justify-content:center;font-family:Arial,Helvetica,sans-serif;color:#fff}.video-container .plyx-player-dialogs #buffering{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0px 24px;border-radius:6px}.video-container .plyx-player-dialogs #buffering h2{font-size:52px}.video-container .plyx-player-dialogs #invalid-src{display:none;position:absolute;top:50%;left:24px;transform:translate(0px, -50%);padding:0px 24px;border-radius:6px}.video-container .plyx-player-dialogs #invalid-src h2{font-size:52px}.video-container .plyx-player{display:inline-flex}.video-container .hide{opacity:0;pointer-events:none}.video-container .plyx-player-title{position:absolute;top:0px;width:100%;background-image:linear-gradient(to top, rgba(12, 12, 12, 0), rgba(12, 12, 12, 0.75));padding:12px 24px;font-size:18px;font-weight:bold}.video-container .plyx-player-controls{display:inline-flex;right:0;left:0;padding:10px;position:absolute;bottom:0;transition:all .2s ease;background-image:linear-gradient(to bottom, rgba(12, 12, 12, 0), rgba(12, 12, 12, 0.75));flex-direction:inherit}.video-container .plyx-player-controls .row-1{display:flex;justify-content:space-between;width:100%;padding-bottom:12px}.video-container .plyx-player-controls .row-1-start{display:flex;align-items:center}.video-container .plyx-player-controls .row-1-end{display:flex;align-items:center}.video-container .plyx-player-controls button{aspect-ratio:1;height:32px;width:32px;color:#fff;background-color:rgba(0,0,0,0);border:none;margin:0px 6px}.video-container .plyx-player-controls button:hover{background:rgba(44,44,44,.6);border-radius:6px}.video-container .plyx-player-controls .volume-controls:hover>#volume{opacity:1;transition:.3s opacity,.3s width;margin:0px;width:72px}.video-container .plyx-player-controls #volume{opacity:0;transition:.3s opacity,.3s width;margin:0px -6px;width:0px}.video-container .plyx-player-controls #volume-button svg{aspect-ratio:1;height:16px;width:16px;fill:#fff;padding:3px 0px 0px 0px}.video-container .plyx-player-controls .video-progress{position:relative;height:6.4px;margin:24px 0px}.video-container .plyx-player-controls progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;width:100%;height:8.4px;pointer-events:none;position:absolute;top:0}.video-container .plyx-player-controls progress::-webkit-progress-bar{border-radius:2px}.video-container .plyx-player-controls progress::-webkit-progress-value{background:rgba(0,0,0,0);border-radius:2px}.video-container .plyx-player-controls progress::-moz-progress-bar{border:none;background:var(--plyx-progress-bar)}.video-container .plyx-player-controls .seek{position:absolute;top:0;width:100%;cursor:pointer;margin:0}.video-container .plyx-player-controls .seek:hover+.seek-tooltip{display:block}.video-container .plyx-player-controls .seek-tooltip{display:none;position:absolute;top:-32px;margin-left:-30px;font-size:12px;padding:3px;content:attr(data-title);font-weight:bold;color:#fff;background-color:rgba(0,0,0,.5);border-radius:4px;padding:6px}.video-container .plyx-player-controls input[type=range]{height:8.4px;background:rgba(0,0,0,0);cursor:pointer}.video-container .plyx-player-controls input[type=range]:focus{outline:none}.video-container .plyx-player-controls input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(0,0,0,0)}.video-container .plyx-player-controls input[type=range]:focus::-moz-range-track{outline:none}.video-container .plyx-player-controls input[type=range]::-webkit-slider-runnable-track{width:100%;cursor:pointer;border-radius:1.3px;-webkit-appearance:none;transition:all .4s ease}.video-container .plyx-player-controls input[type=range]::-webkit-slider-thumb{height:12px;width:12px;border-radius:10px;background:var(--pylx-thumb);cursor:pointer;-webkit-appearance:none;margin-left:-1px}.video-container .plyx-player-controls input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);border-radius:0}.video-container .plyx-player-controls input[type=range].volume{height:5px;background-color:#fff}.video-container .plyx-player-controls input[type=range].volume::-webkit-slider-runnable-track{background-color:rgba(0,0,0,0)}.video-container .plyx-player-controls input[type=range].volume::-webkit-slider-thumb{margin-left:0;height:14px;width:14px;background:#fff}.video-container .plyx-player-controls input[type=range].volume::-moz-range-thumb{border:1px solid #fff;background:#fff}.video-container .plyx-player-controls input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:10px;border:none;background:var(--pylx-thumb);cursor:pointer}.video-container .plyx-player-controls .hide{opacity:0;pointer-events:none}.video-container .plyx-player-controls #progress-bar{background:var(--plyx-progress-bar-bg);border:none;border-radius:10px}
+:root{--plyx-progress-bar-bg: rgba(100,100,100,0.5);--plyx-progress-bar: rgba(255, 0, 0, 0.5);--pylx-thumb: red;--pylx-rounded-corners: 4px}.plyx-context-menu{background:linear-gradient(45deg, rgb(10, 20, 28) 0%, rgb(10, 20, 28) 100%);border-radius:6px;border:1px rgba(255,255,255,.08) solid}.plyx-context-menu ul{list-style:none;margin:0px;padding:0px}.plyx-context-menu ul li{padding:8px 32px 8px 16px;margin:4px;border-radius:4px;font-family:arial}.plyx-context-menu ul li:hover{background:rgba(255,255,255,.1);cursor:pointer}.plyx-context-menu ul li i{font-size:14px;margin-right:12px;width:12px}.video-container{position:relative;display:flex;flex-direction:column;justify-content:center;font-family:Arial,Helvetica,sans-serif;color:#fff}.video-container .plyx-player-dialogs #buffering{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0px 24px;border-radius:6px}.video-container .plyx-player-dialogs #buffering h2{font-size:52px}.video-container .plyx-player-dialogs #invalid-src{display:none;position:absolute;top:50%;left:24px;transform:translate(0px, -50%);padding:0px 24px;border-radius:6px}.video-container .plyx-player-dialogs #invalid-src h2{font-size:52px}.video-container .plyx-player{display:inline-flex}.video-container .hide{opacity:0;pointer-events:none}.video-container .plyx-player-title{position:absolute;top:0px;width:100%;background-image:linear-gradient(to top, rgba(12, 12, 12, 0), rgba(12, 12, 12, 0.75));padding:12px 24px;font-size:18px;font-weight:bold}.video-container .plyx-player-controls{display:inline-flex;right:0;left:0;padding:10px;position:absolute;bottom:0;transition:all .2s ease;background-image:linear-gradient(to bottom, rgba(12, 12, 12, 0), rgba(12, 12, 12, 0.75));flex-direction:inherit}.video-container .plyx-player-controls .row-1{display:flex;justify-content:space-between;width:100%;padding-bottom:12px}.video-container .plyx-player-controls .row-1-start{display:flex;align-items:center}.video-container .plyx-player-controls .row-1-end{display:flex;align-items:center}.video-container .plyx-player-controls button{aspect-ratio:1;height:32px;width:32px;color:#fff;background-color:rgba(0,0,0,0);border:none;margin:0px 6px}.video-container .plyx-player-controls button:hover{background:rgba(44,44,44,.6);border-radius:6px}.video-container .plyx-player-controls .volume-controls:hover>#volume{opacity:1;transition:.3s opacity,.3s width;margin:0px;width:72px}.video-container .plyx-player-controls #volume{opacity:0;transition:.3s opacity,.3s width;margin:0px -6px;width:0px}.video-container .plyx-player-controls #volume-button svg{aspect-ratio:1;height:16px;width:16px;fill:#fff;padding:3px 0px 0px 0px}.video-container .plyx-player-controls .video-progress{position:relative;height:6.4px;margin:24px 0px}.video-container .plyx-player-controls progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;width:100%;height:8.4px;pointer-events:none;position:absolute;top:0}.video-container .plyx-player-controls progress::-webkit-progress-bar{border-radius:2px}.video-container .plyx-player-controls progress::-webkit-progress-value{background:rgba(0,0,0,0);border-radius:2px}.video-container .plyx-player-controls progress::-moz-progress-bar{border:none;background:var(--plyx-progress-bar)}.video-container .plyx-player-controls .seek{position:absolute;top:0;width:100%;cursor:pointer;margin:0}.video-container .plyx-player-controls .seek:hover+.seek-tooltip{display:block}.video-container .plyx-player-controls .seek-tooltip{display:none;position:absolute;top:-32px;margin-left:-30px;font-size:12px;padding:3px;content:attr(data-title);font-weight:bold;color:#fff;background-color:rgba(0,0,0,.5);border-radius:4px;padding:6px}.video-container .plyx-player-controls input[type=range]{height:8.4px;background:rgba(0,0,0,0);cursor:pointer}.video-container .plyx-player-controls input[type=range]:focus{outline:none}.video-container .plyx-player-controls input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(0,0,0,0)}.video-container .plyx-player-controls input[type=range]:focus::-moz-range-track{outline:none}.video-container .plyx-player-controls input[type=range]::-webkit-slider-runnable-track{width:100%;cursor:pointer;border-radius:1.3px;-webkit-appearance:none;transition:all .4s ease}.video-container .plyx-player-controls input[type=range]::-webkit-slider-thumb{height:12px;width:12px;border-radius:10px;background:var(--pylx-thumb);cursor:pointer;-webkit-appearance:none;margin-left:-1px}.video-container .plyx-player-controls input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);border-radius:0}.video-container .plyx-player-controls input[type=range].volume{height:5px;background-color:#fff}.video-container .plyx-player-controls input[type=range].volume::-webkit-slider-runnable-track{background-color:rgba(0,0,0,0)}.video-container .plyx-player-controls input[type=range].volume::-webkit-slider-thumb{margin-left:0;height:14px;width:14px;background:#fff}.video-container .plyx-player-controls input[type=range].volume::-moz-range-thumb{border:1px solid #fff;background:#fff}.video-container .plyx-player-controls input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:10px;border:none;background:var(--pylx-thumb);cursor:pointer}.video-container .plyx-player-controls .hide{opacity:0;pointer-events:none}.video-container .plyx-player-controls #progress-bar{background:var(--plyx-progress-bar-bg);border:none;border-radius:10px}
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 05bfdaf..8ecd12a 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -14,7 +14,7 @@ $background-color_4: rgba(255, 255, 255, 0.1);
 }
 
 .plyx-context-menu {
-	background: linear-gradient( 45deg, rgb(10, 20, 28) 0%, rgba(10, 20, 28, 0.7) 100% );
+	background: linear-gradient( 45deg, rgb(10, 20, 28) 0%, rgba(10, 20, 28, 1) 100% );
 	border-radius: 6px;
 	border: 1px rgba(255, 255, 255, 0.08) solid;
 	ul {
diff --git a/test/ennie yoyki completo-S50_Iv43y_w.webm b/test/480.mp4
similarity index 78%
rename from test/ennie yoyki completo-S50_Iv43y_w.webm
rename to test/480.mp4
index e7c175f..6972144 100644
Binary files a/test/ennie yoyki completo-S50_Iv43y_w.webm and b/test/480.mp4 differ
diff --git a/test/English.vtt b/test/English.vtt
new file mode 100644
index 0000000..70e901c
--- /dev/null
+++ b/test/English.vtt
@@ -0,0 +1,350 @@
+WEBVTT
+
+00:00:00.650 --> 00:00:03.030
+[music]
+
+00:00:03.030 --> 00:00:05.220
+[applause]
+
+00:00:05.220 --> 00:00:13.880
+[music] [
+
+00:00:17.060 --> 00:00:20.750
+music]
+
+00:00:20.750 --> 00:00:21.930
+bye [
+
+00:00:21.930 --> 00:00:24.430
+music]
+
+00:00:24.430 --> 00:00:26.460
+
+
+00:00:36.720 --> 00:00:40.380
+why worry, I’m on the mattress
+
+00:00:40.380 --> 00:00:41.540
+[music]
+
+00:00:41.540 --> 00:00:43.040
+[applause] [
+
+00:00:43.040 --> 00:00:46.180
+music]
+
+00:00:47.340 --> 00:00:51.030
+this doesn’t happen here
+
+00:00:56.340 --> 00:00:59.479
+[music]
+
+00:01:01.260 --> 00:01:04.479
+now if she grabs you she won’t
+
+00:01:04.479 --> 00:01:08.130
+catch up with me she ki  she’s old,
+
+00:01:08.130 --> 00:01:11.220
+look at
+
+00:01:13.110 --> 00:01:15.720
+you,
+
+00:01:15.720 --> 00:01:18.370
+I’m buying you myself now
+
+00:01:18.370 --> 00:01:21.579
+[music]
+
+00:01:30.750 --> 00:01:33.970
+what kind of a mess do you have here, it looks like we’re on
+
+00:01:33.970 --> 00:01:36.790
+that full mom, okay, something came
+
+00:01:36.790 --> 00:01:40.090
+and all the water came through the door, you’re like, and I almost
+
+00:01:40.090 --> 00:01:43.420
+drowned, okay, I need to get ready  for
+
+00:01:43.420 --> 00:01:45.939
+grandma's arrival and when you've tidied up,
+
+00:01:45.939 --> 00:01:48.430
+play some quiet game
+
+00:01:48.430 --> 00:01:51.460
+okay mom, we'll clean everything up now and wo
+
+00:01:51.460 --> 00:01:53.259
+n't do this again by the way, have you seen
+
+00:01:53.259 --> 00:01:55.730
+grandma's soft slippers
+
+00:01:55.730 --> 00:01:57.750
+[music] haven't you seen it
+
+00:01:57.750 --> 00:02:01.850
+in years? I
+
+00:02:01.850 --> 00:02:05.460
+don't want to play a quieter game, how boring is it
+
+00:02:05.460 --> 00:02:09.179
+mom?  she said it means we need
+
+00:02:09.179 --> 00:02:12.000
+to help and not upset her,
+
+00:02:12.000 --> 00:02:14.970
+I know one interesting calm game but
+
+00:02:14.970 --> 00:02:18.570
+what but but we will play it if only
+
+00:02:18.570 --> 00:02:20.580
+you swear not to tell anyone I
+
+00:02:20.580 --> 00:02:23.700
+swear why can’t you
+
+00:02:23.700 --> 00:02:25.320
+tell anyone because
+
+00:02:25.320 --> 00:02:28.410
+boys don’t play such games like this
+
+00:02:28.410 --> 00:02:32.450
+how is it considered that she is girly, what is it like
+
+00:02:32.450 --> 00:02:36.720
+for girls, what happens Igor
+
+00:02:36.720 --> 00:02:39.360
+especially for girls, this was
+
+00:02:39.360 --> 00:02:42.209
+lying around, I didn’t notice before that in the
+
+00:02:42.209 --> 00:02:44.630
+girl’s plan, she will see the light
+
+00:02:44.630 --> 00:02:55.130
+[music]
+
+00:02:55.130 --> 00:02:58.890
+she ki, don’t break the children’s bed, otherwise where
+
+00:02:58.890 --> 00:03:01.380
+will your brothers sleep and please
+
+00:03:01.380 --> 00:03:05.930
+sit down for dinner  We’ve been calling you for a long time, something
+
+00:03:07.340 --> 00:03:09.860
+useful,
+
+00:03:09.860 --> 00:03:12.780
+but it’s more reliable, baby, you can
+
+00:03:12.780 --> 00:03:15.090
+order another dish, no, whatever they
+
+00:03:15.090 --> 00:03:19.200
+’ve prepared, eat it for me, but it’s better that
+
+00:03:19.200 --> 00:03:21.390
+I’ll be a dad, who work like this all my life as a
+
+00:03:21.390 --> 00:03:23.600
+child and a
+
+00:03:23.600 --> 00:03:26.150
+dad,
+
+00:03:26.150 --> 00:03:29.730
+the most useful ones for you go to this chicane, it
+
+00:03:29.730 --> 00:03:33.330
+contains a lot of vitamin C and vitamin  to
+
+00:03:33.330 --> 00:03:38.030
+vitamin A and bubbles or nuts that the
+
+00:03:38.030 --> 00:03:40.380
+need to run around is all
+
+00:03:40.380 --> 00:03:43.260
+wrong in the newspaper it’s written mom didn’t
+
+00:03:43.260 --> 00:03:45.830
+
+
+00:03:45.830 --> 00:03:49.710
+come up with it myself and now it’s time for the kids to go to bed
+
+00:03:49.710 --> 00:03:58.790
+[music]
+
+00:03:58.790 --> 00:04:02.220
+dad who puts the kids to bed like that,
+
+00:04:02.220 --> 00:04:05.910
+they’ll have a concussion duo and I
+
+00:04:05.910 --> 00:04:09.390
+think they like it  what kind of friend is the media of the same
+
+00:04:09.390 --> 00:04:11.910
+soul where are all the children who should you play with
+
+00:04:11.910 --> 00:04:13.730
+dear
+
+00:04:13.730 --> 00:04:16.500
+ladies let's go visit our neighbors
+
+00:04:16.500 --> 00:04:20.190
+there will probably be a couple of kids there it's
+
+00:04:20.190 --> 00:04:22.440
+good that the children fell asleep and mom didn't say
+
+00:04:22.440 --> 00:04:24.540
+finally we can have a cup of
+
+00:04:24.540 --> 00:04:26.900
+coffee
+
+00:04:28.350 --> 00:04:35.839
+[music]
+
+00:04:38.090 --> 00:04:40.520
+no
+
+00:04:40.520 --> 00:04:44.310
+it's yours and  not a hat hat yeah but a
+
+00:04:44.310 --> 00:04:45.150
+hat
+
+00:04:45.150 --> 00:04:47.000
+[music] got it
+
+00:04:47.000 --> 00:04:50.330
+win
+
+00:04:50.330 --> 00:04:53.840
+watching the cars you
+
+00:04:53.840 --> 00:04:57.210
+’ll say it’s also girly and you try sewing a
+
+00:04:57.210 --> 00:05:00.720
+telegraph yourself a real man’s job yes yes the
+
+00:05:00.720 --> 00:05:04.169
+girls can’t do it so you know how to
+
+00:05:04.169 --> 00:05:05.720
+sew yourself
+
+00:05:05.720 --> 00:05:08.900
+[music]
+
+00:05:08.900 --> 00:05:11.730
+writing they just came to play with you and
+
+00:05:11.730 --> 00:05:14.430
+you later  come in, our children are sleeping under the
+
+00:05:14.430 --> 00:05:18.200
+cup, well, let it be yours, but it’s quiet,
+
+00:05:18.200 --> 00:05:21.090
+why is it quiet, let’s wake up
+
+00:05:21.090 --> 00:05:23.250
+your game and they will play loudly together,
+
+00:05:23.250 --> 00:05:26.570
+but they just fell asleep,
+
+00:05:26.570 --> 00:05:30.210
+it’s you boys and girls, it’s our
+
+00:05:30.210 --> 00:05:32.090
+twins,
+
+00:05:32.090 --> 00:05:35.870
+why did anyone drink something important, it’s that they have a
+
+00:05:35.870 --> 00:05:38.860
+concussion  brain happened
+
+00:05:38.860 --> 00:05:41.660
+useless of you parents for children
+
+00:05:41.660 --> 00:05:45.250
+ingots and it is necessary and you are sitting here drinking tea, it’s
+
+00:05:45.250 --> 00:05:49.040
+not true but a good family and not the
+
+00:05:49.040 --> 00:05:50.380
+best mother in the world
+
+00:05:50.380 --> 00:05:53.860
+[music]
+
+00:05:53.860 --> 00:05:58.160
+not me very much even without let me pour you
+
+00:05:58.160 --> 00:06:01.220
+some tea and jetta my couple
+
+00:06:01.220 --> 00:06:04.580
+will solve it when  it’s time for me to go home, well, they are harmful
+
+00:06:04.580 --> 00:06:06.790
+,
+
+00:06:10.640 --> 00:06:13.690
+[music]
+
+00:06:14.410 --> 00:06:17.830
+well, that’s it
+
+00:06:21.310 --> 00:06:24.389
+[music] [
+
+00:06:28.690 --> 00:06:49.230
+music]
+
+00:06:49.230 --> 00:06:52.570
+you guys have another flood, I
+
+00:06:52.570 --> 00:06:56.910
+let him out, sorry mom, he started
+
+00:06:56.910 --> 00:06:59.860
+saving our twins again,
+
+00:06:59.860 --> 00:07:03.490
+oh well done, what kind of grandmother’s daddies found
+
+00:07:03.490 --> 00:07:07.650
+she just arrived
+
+00:07:11.310 --> 00:07:14.540
+[  music]
+
+00:07:17.430 --> 00:07:18.940
+boys
+
+00:07:18.940 --> 00:07:39.520
+[music]
+
diff --git a/test/Russian.vtt b/test/Russian.vtt
new file mode 100644
index 0000000..7b4228f
--- /dev/null
+++ b/test/Russian.vtt
@@ -0,0 +1,352 @@
+WEBVTT
+Kind: captions
+Language: ru
+
+00:00:00.650 --> 00:00:03.030
+[музыка]
+
+00:00:03.030 --> 00:00:05.220
+[аплодисменты]
+
+00:00:05.220 --> 00:00:17.060
+[музыка]
+
+00:00:17.060 --> 00:00:20.750
+[музыка]
+
+00:00:20.750 --> 00:00:21.930
+пока
+
+00:00:21.930 --> 00:00:24.430
+[музыка]
+
+00:00:24.430 --> 00:00:36.720
+а
+
+00:00:36.720 --> 00:00:40.380
+чего волноваться то я же на матрасе
+
+00:00:40.380 --> 00:00:41.540
+[музыка]
+
+00:00:41.540 --> 00:00:43.040
+[аплодисменты]
+
+00:00:43.040 --> 00:00:47.340
+[музыка]
+
+00:00:47.340 --> 00:00:56.340
+тут такого не водится
+
+00:00:56.340 --> 00:01:01.260
+[музыка]
+
+00:01:01.260 --> 00:01:04.479
+сейчас как цапнет тебя она меня не
+
+00:01:04.479 --> 00:01:08.130
+догонит ей ки она же старая
+
+00:01:08.130 --> 00:01:13.110
+посмотри на
+
+00:01:13.110 --> 00:01:15.720
+тебе
+
+00:01:15.720 --> 00:01:18.370
+я тебя сам сейчас покупаю
+
+00:01:18.370 --> 00:01:30.750
+[музыка]
+
+00:01:30.750 --> 00:01:33.970
+что это у вас тут за беспорядок виду у
+
+00:01:33.970 --> 00:01:36.790
+нас по ту full мама хорошо что-то пришло
+
+00:01:36.790 --> 00:01:40.090
+и вся вода через дверь вы типа и я чуть
+
+00:01:40.090 --> 00:01:43.420
+не утонул ну ладно мне надо готовиться к
+
+00:01:43.420 --> 00:01:45.939
+приезду бабушки а вы когда приберетесь
+
+00:01:45.939 --> 00:01:48.430
+поиграйте в какую-нибудь спокойную игру
+
+00:01:48.430 --> 00:01:51.460
+хорошо мам мы сейчас все уберем и больше
+
+00:01:51.460 --> 00:01:53.259
+так не будем кстати вы не видели
+
+00:01:53.259 --> 00:01:55.730
+бабушкина мягкие тапочки
+
+00:01:55.730 --> 00:01:57.750
+[музыка]
+
+00:01:57.750 --> 00:02:01.850
+не лет не видели ли
+
+00:02:01.850 --> 00:02:05.460
+не хочу играть спокойнее игры скукотищу
+
+00:02:05.460 --> 00:02:09.179
+какая яки раз мама сказала значит надо
+
+00:02:09.179 --> 00:02:12.000
+сделать помогли и не расстраивать ее вот
+
+00:02:12.000 --> 00:02:14.970
+я знаю одну интересную спокойную игру но
+
+00:02:14.970 --> 00:02:18.570
+что но но мы в неё поиграем если только
+
+00:02:18.570 --> 00:02:20.580
+ты поклянешься никому они не
+
+00:02:20.580 --> 00:02:23.700
+рассказывать клянусь а почему нельзя
+
+00:02:23.700 --> 00:02:25.320
+никому рассказывать потому что а
+
+00:02:25.320 --> 00:02:28.410
+мальчишки в такие игры не играют как это
+
+00:02:28.410 --> 00:02:32.450
+вроде как считается что она девчачья
+
+00:02:32.450 --> 00:02:36.720
+какая ну для девочек что бывает игорь
+
+00:02:36.720 --> 00:02:39.360
+специально для девочек вот это было
+
+00:02:39.360 --> 00:02:42.209
+валяет его раньше не замечал что в плана
+
+00:02:42.209 --> 00:02:44.630
+девчачьи на свет увидит
+
+00:02:44.630 --> 00:02:55.130
+[музыка]
+
+00:02:55.130 --> 00:02:58.890
+ей ки не ломать детям кровать а то где
+
+00:02:58.890 --> 00:03:01.380
+будут спать твои братики и пожалуйста
+
+00:03:01.380 --> 00:03:07.340
+садись обедать мы тебя уже давно зовем
+
+00:03:07.340 --> 00:03:09.860
+полезное около
+
+00:03:09.860 --> 00:03:12.780
+но надёжней младенец вообще можно
+
+00:03:12.780 --> 00:03:15.090
+заказать другое блюдо нет что
+
+00:03:15.090 --> 00:03:19.200
+приготовили то и ешь мне да вот уж лучше
+
+00:03:19.200 --> 00:03:21.390
+я папой буду которые так всю жизнь
+
+00:03:21.390 --> 00:03:23.600
+ребенком работаю и
+
+00:03:23.600 --> 00:03:26.150
+папой
+
+00:03:26.150 --> 00:03:29.730
+самые полезные к вы идете это шикана
+
+00:03:29.730 --> 00:03:33.330
+много содержится витамин с и витамин к
+
+00:03:33.330 --> 00:03:38.030
+витамин а и пузырики или орешка что
+
+00:03:38.030 --> 00:03:40.380
+необходимость бегать по это все
+
+00:03:40.380 --> 00:03:43.260
+неправильно в газете написано мама не
+
+00:03:43.260 --> 00:03:45.830
+сам же я придумал а
+
+00:03:45.830 --> 00:03:49.710
+теперь малыши пора ложиться спать
+
+00:03:49.710 --> 00:03:58.790
+[музыка]
+
+00:03:58.790 --> 00:04:02.220
+папа кто же так детей спать укладывает у
+
+00:04:02.220 --> 00:04:05.910
+них же сотрясение мозга будет duo а я
+
+00:04:05.910 --> 00:04:09.390
+думаю нравится какая другу сми единой
+
+00:04:09.390 --> 00:04:11.910
+души где все дети с кем тебе поиграть
+
+00:04:11.910 --> 00:04:13.730
+милые
+
+00:04:13.730 --> 00:04:16.500
+дамы к зайдем в гости к нашим соседям
+
+00:04:16.500 --> 00:04:20.190
+там наверняка найдется пара детишек как
+
+00:04:20.190 --> 00:04:22.440
+хорошо что дети уснули и не говорила
+
+00:04:22.440 --> 00:04:24.540
+мама наконец-то можно выпить чашечку
+
+00:04:24.540 --> 00:04:28.350
+кофе
+
+00:04:28.350 --> 00:04:38.090
+[музыка]
+
+00:04:38.090 --> 00:04:40.520
+нет
+
+00:04:40.520 --> 00:04:44.310
+это у тебя и не шляпка шляпка ага а
+
+00:04:44.310 --> 00:04:45.150
+шляпка
+
+00:04:45.150 --> 00:04:47.000
+[музыка]
+
+00:04:47.000 --> 00:04:50.330
+поняла выиграть
+
+00:04:50.330 --> 00:04:53.840
+смотря машин
+
+00:04:53.840 --> 00:04:57.210
+скажешь тоже девчачью а ты попробуй сама
+
+00:04:57.210 --> 00:05:00.720
+сшей телеграф настоящая мужская работа
+
+00:05:00.720 --> 00:05:04.169
+да да девчонкам это не по силам вот ты
+
+00:05:04.169 --> 00:05:05.720
+сама шить на умеешь
+
+00:05:05.720 --> 00:05:08.900
+[музыка]
+
+00:05:08.900 --> 00:05:11.730
+написание к вам поиграть зашли просто а
+
+00:05:11.730 --> 00:05:14.430
+вы попозже заходите наши дети спят под
+
+00:05:14.430 --> 00:05:18.200
+cup ну и пусть она твоя играет но тихо
+
+00:05:18.200 --> 00:05:21.090
+почему это тихо давайте вы разбудите
+
+00:05:21.090 --> 00:05:23.250
+свои дичь и они вместе проиграет громко
+
+00:05:23.250 --> 00:05:26.570
+но они только уснули
+
+00:05:26.570 --> 00:05:30.210
+это у вас мальчики и девочки это у нас
+
+00:05:30.210 --> 00:05:32.090
+близнецы
+
+00:05:32.090 --> 00:05:35.870
+а почему любой выпили важный это у них
+
+00:05:35.870 --> 00:05:38.860
+сотрясение мозга случилось
+
+00:05:38.860 --> 00:05:41.660
+никудышные из вас родителей за детьми
+
+00:05:41.660 --> 00:05:45.250
+слитки и надо а вы тут сидите чай пьете
+
+00:05:45.250 --> 00:05:49.040
+неправда но хорошая семья а и не самая
+
+00:05:49.040 --> 00:05:50.380
+лучшая мама на свете
+
+00:05:50.380 --> 00:05:53.860
+[музыка]
+
+00:05:53.860 --> 00:05:58.160
+не я очень даже без давайте я вам чаю
+
+00:05:58.160 --> 00:06:01.220
+налью немного чай и jetta мой пара
+
+00:06:01.220 --> 00:06:04.580
+порешу когда мне домой пора ну и вредные
+
+00:06:04.580 --> 00:06:10.640
+,
+
+00:06:10.640 --> 00:06:14.410
+[музыка]
+
+00:06:14.410 --> 00:06:21.310
+ну все
+
+00:06:21.310 --> 00:06:28.690
+[музыка]
+
+00:06:28.690 --> 00:06:49.230
+[музыка]
+
+00:06:49.230 --> 00:06:52.570
+ребята у вас что опять потоп я же его
+
+00:06:52.570 --> 00:06:56.910
+выпустила прости мама он опять начался
+
+00:06:56.910 --> 00:06:59.860
+спасти и наших близнецов
+
+00:06:59.860 --> 00:07:03.490
+ай молодцы какие папочки бабушкины нашли
+
+00:07:03.490 --> 00:07:11.310
+она как раз только что приехала
+
+00:07:11.310 --> 00:07:17.430
+[музыка]
+
+00:07:17.430 --> 00:07:18.940
+мальчишки
+
+00:07:18.940 --> 00:07:39.520
+[музыка]
+
diff --git a/test/ennie yoyki completo-S50_Iv43y_w.mp4 b/test/ennie yoyki completo-S50_Iv43y_w.mp4
new file mode 100644
index 0000000..0e19984
Binary files /dev/null and b/test/ennie yoyki completo-S50_Iv43y_w.mp4 differ
diff --git a/test/index.html b/test/index.html
index bd14a8e..150f82c 100644
--- a/test/index.html
+++ b/test/index.html
@@ -1,23 +1,27 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <title>Plyx Player</title>
-        <link rel="stylesheet" href="/src/styles/app.css">
-        <script src="/src/index.js" type="module"></script>
-        <script src="/src/icons/fa-kit/js/all.js" crossorigin="anonymous"></script>
-    </head>
-    <body>
-        <p>Plyx Player <span>By SudoVanilla</span></p>
-        <div class="video-container">
-            <video class="plyx-player" src="ennie yoyki completo-S50_Iv43y_w.webm"></video>
-        </div>
-        <div class="video-container">
-            <video class="plyx-player" src="ennie yoyki completo-S50_Iv43y_w.webm"></video>
-        </div>
-        <div class="credits">
-            <p><a href="https://youtu.be/MuyJtxzyU3o">Ennie and Yoyki: Ungirly Games</a> <span>By Lenar Mingazov</span></p>
-        </div>
-    </body>
+  <head>
+    <title>Plyx Player</title>
+    <link rel="stylesheet" href="/src/styles/app.css">
+    <script src="/src/index.js" type="module"></script>
+    <script src="/src/icons/fa-kit/js/all.js" crossorigin="anonymous"></script>
+  </head>
+  <body>
+      <p>Plyx Player <span>By SudoVanilla</span></p>
+      <div class="video-container">
+        <video class="plyx-player" layout="default">
+          <!-- Quality changer support has not been worked on yet -->
+          <source label="720p" src="ennie yoyki completo-S50_Iv43y_w.mp4" type="video/mp4">
+          <source label="480p" src="480.mp4" type="video/mp4">
+          <!-- Caption support has not been worked on yet -->
+          <track src="English.vtt" kind="subtitles" srclang="en" label="English">
+          <track src="Russian.vtt" kind="subtitles" srclang="ru" label="Russian">
+        </video>
+      </div>
+      <div class="credits">
+        <p><a href="https://youtu.be/MuyJtxzyU3o">Ennie and Yoyki: Ungirly Games</a> <span>By Lenar Mingazov</span></p>
+      </div>
+  </body>
 </html>
 
 <!-- Change colors in the player -->
@@ -30,6 +34,7 @@
 }
 </style>
 
+<!-- The following below is just for the test page -->
 <style>
 body {
   background: #090909;
@@ -89,4 +94,14 @@ span {
 a {
   color: white;
 }
+.video-container {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+  max-width: 1800px;
+  width: calc(100% - 48px);
+}
+
 </style>
\ No newline at end of file