Finalized the video embed shortcode and put it on the webmoderno article
parent
04a1970fff
commit
66d6ef21f9
|
@ -6,6 +6,8 @@ draft: true
|
||||||
thumbnail: put it here
|
thumbnail: put it here
|
||||||
---
|
---
|
||||||
|
|
||||||
|
{{< video YTCODE ODYCODE PTCODE >}}
|
||||||
|
|
||||||
*Description here*
|
*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).
|
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).
|
||||||
|
|
|
@ -6,6 +6,8 @@ draft: false
|
||||||
thumbnail: /videos/img/webmoderno.jpg
|
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.
|
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.
|
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.
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
}
|
}
|
||||||
.tabs .tab-panel {
|
.tabs .tab-panel {
|
||||||
display: none;
|
display: none;
|
||||||
overflow: hidden;
|
overflow: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -48,7 +48,7 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.tabs [id^="tab"]:checked ~ [id^="tab-panel"] {
|
.tabs [id^="tab"]:checked ~ [id^="tab-panel"] {
|
||||||
display: block;
|
display: contents;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FONTS */
|
/* FONTS */
|
||||||
|
|
|
@ -1,35 +1,8 @@
|
||||||
<div class="embed video-player">
|
<div class="embed video-player">
|
||||||
<ul class="tabs">
|
<noscript><h3>The video players don't work without JavaScript enabled!</h3></noscript>
|
||||||
<li>
|
<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>
|
||||||
<input id="tab1" type="radio" name="tabs" checked />
|
<p></p>
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- og width was 640 -->
|
<!-- 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 :) -->
|
||||||
|
|
Loading…
Reference in New Issue