| 12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Alt. youtube player</title>
- <link rel="stylesheet" href="./alt-yt-player.css" />
- <!--link rel="stylesheet" href="https://git.giaever.org/Magy/alt-youtube-player/raw/master/alt-yt-player.css"/-->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- </head>
- <body>
- <!--
- A player MUST:
- - Have a class «player»
- - Have a child element of img
- - with the class «thumb»
- - Have a child of the iframe
- - that has the query-param «enablejsapi=1»
- -->
- <div class="player">
- <img class="thumb" src="./thumb.png" alt="Thumbnail" />
- <div class="something wf realated classed and shit">
- <iframe src="https://www.youtube-nocookie.com/embed/dcsvMySGmS8?enablejsapi=1&rel=0" frameborder="0" allow="autoplay; encrypted-media; gyroscope" allowfullscreen></iframe>
- </div>
- </div>
- <!-- additional players -->
- <div class="player">
- <img class="thumb" src="./thumb.png" alt="Thumbnail" />
- <iframe src="https://www.youtube-nocookie.com/embed/pouODQkJQG0?enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media; gyroscope" allowfullscreen></iframe>
- </div>
- <div class="player">
- <img class="thumb" src="./thumb.png" alt="Thumbnail" />
- <iframe src="https://www.youtube-nocookie.com/embed/Y-JQ-RCyPpQ?enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media; gyroscope" allowfullscreen></iframe>
- </div>
- <div class="player">
- <img class="thumb" src="./thumb.png" alt="Thumbnail" />
- <iframe src="https://www.youtube-nocookie.com/embed/4-079YIasck?enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media; gyroscope" allowfullscreen></iframe>
- </div>
-
- <!-- You need this before the </body>-tag (closing) -->
- <script src="./alt-yt-player.js"></script>
- <!--script src="https://git.giaever.org/Magy/alt-youtube-player/raw/master/alt-yt-player.js"></script-->
- </body>
- </html>
|
