diff --git a/archetypes/videos.md b/archetypes/videos.md
index 3637cf6..0054f79 100644
--- a/archetypes/videos.md
+++ b/archetypes/videos.md
@@ -6,6 +6,8 @@ draft: true
 thumbnail: put it here
 ---
 
+{{< video YTCODE ODYCODE PTCODE >}}
+
 *Description here*
 
 You can also see this video on [YouTube](https://www.youtube.com/channel/UClJfljSDJqzaZF6oUQtKtNA), [Odysee](https://odysee.com/@gianmarcogg03) and [PeerTube](https://peertube.uno/c/gianmarco).
diff --git a/content/videos/webmoderno.md b/content/videos/webmoderno.md
index 958016e..c32a492 100644
--- a/content/videos/webmoderno.md
+++ b/content/videos/webmoderno.md
@@ -6,6 +6,8 @@ draft: false
 thumbnail: /videos/img/webmoderno.jpg
 ---
 
+{{< video NX6z--cOpYI "🇮🇹-perché-il-web-moderno-fa:b" 1d5487b5-8727-491f-b9cb-3c22a8dce7d2 >}}
+
 ENGLISH VIEWERS: this video is a bit different than usual since I wanted to expose a problem that's more or less common for italian people using the internet.
 
 Il Web moderno fa schifo: annunci, tracker, Javascript, immondizia digitale che ha fatto breccia anche sui siti di informazione scolastici. In questo video faccio luce su alcuni esempi di siti del genere proponendo delle soluzioni.
diff --git a/themes/hugo-casper3/assets/scss/custom.scss b/themes/hugo-casper3/assets/scss/custom.scss
index 482d4a5..5833051 100644
--- a/themes/hugo-casper3/assets/scss/custom.scss
+++ b/themes/hugo-casper3/assets/scss/custom.scss
@@ -35,7 +35,7 @@
 }
 .tabs .tab-panel {
   display: none;
-  overflow: hidden;
+  overflow: auto;
   width: 100%;
   position: absolute;
   left: 0;
@@ -48,7 +48,7 @@
   color: #fff;
 }
 .tabs [id^="tab"]:checked ~ [id^="tab-panel"] {
-  display: block;
+  display: contents;
 }
 
 /* FONTS */
diff --git a/themes/hugo-casper3/layouts/shortcodes/video.html b/themes/hugo-casper3/layouts/shortcodes/video.html
index 0436615..b8db829 100644
--- a/themes/hugo-casper3/layouts/shortcodes/video.html
+++ b/themes/hugo-casper3/layouts/shortcodes/video.html
@@ -1,35 +1,8 @@
 <div class="embed video-player">
-<ul class="tabs">
-  <li>
-    <input id="tab1" type="radio" name="tabs" checked />
-    <label for="tab1">Piped (il.ax)</label>
-    <div id="tab-panel1" class="tab-panel">
-      <iframe class="youtube-player" type="text/html" width="700" height="385" src="https://il.ax/embed/{{ index .Params 0 }}" allowfullscreen frameborder="0"></iframe>
-    </div>
-  </li>
-  <li>
-    <input id="tab2" type="radio" name="tabs" />
-    <label for="tab2">YouTube</label>
-    <div id="tab-panel2" class="tab-panel">
-      <iframe class="youtube-player" type="text/html" width="700" height="385" src="https://ytr.gianmarco.gg/?code={{ index .Params 0 }}" allowfullscreen frameborder="0"></iframe>
-    </div>
-  </li>
-  <li>
-    <input id="tab3" type="radio" name="tabs" />
-    <label for="tab3">Odysee</label>
-    <div id="tab-panel3" class="tab-panel">
-      <iframe class="youtube-player" type="text/html" width="700" height="385" src="https://ytr.gianmarco.gg/odysee/?code={{ index .Params 1 }}" allowfullscreen frameborder="0"></iframe>
-    </div>
-  </li>
-  <li>
-    <input id="tab4" type="radio" name="tabs" />
-    <label for="tab4">PeerTube</label>
-    <div id="tab-panel4" class="tab-panel">
-      <iframe class="youtube-player" type="text/html" width="700" height="385" src="https://peertube.uno/videos/embed/{{ index .Params 2 }}" allowfullscreen frameborder="0"></iframe>
-    </div>
-  </li>
-</ul>
+<noscript><h3>The video players don't work without JavaScript enabled!</h3></noscript>
+<iframe class="youtube-player" type="text/html" width="700" height="385" src="https://ytr.gianmarco.gg/?yt={{ index .Params 0 }}&ody={{ index .Params 1 }}&pt={{ index .Params 2 }}" allowfullscreen frameborder="0"></iframe>
+<p></p>
 </div>
 
 <!-- og width was 640 -->
-<!-- shortcode: {{< video NX6z--cOpYI "🇮🇹-perché-il-web-moderno-fa:b" 1d5487b5-8727-491f-b9cb-3c22a8dce7d2 >}} -->
+<!-- to get the code of the iframe just go to ytr.gianmarco.gg and open the source of the page :) -->