all repos — fixyoutube-go @ f33a2e3dc414259fae3738ea558b32ec1731ba99

A better way to embed YouTube videos everywhere (inspired by FixTweet).

templates/index.html (view raw)

 1<!doctype html>
 2<html lang="en">
 3
 4<head>
 5    <meta charset="utf-8">
 6    <meta name="viewport" content="width=device-width, initial-scale=1">
 7    <meta property="og:title" content="FixYouTube" />
 8    <meta property="og:site_name" content="FixYouTube" />
 9    <meta property="og:description" content="Embed YouTube videos on Telegram, Discord and more!" />
10    <title>FixYouTube</title>
11
12    <link rel="icon"
13        href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text fill=%22white%22 y=%22.9em%22 font-size=%2290%22>🛠</text></svg>">
14    <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
15</head>
16
17<body>
18    <main class="container" style="max-width: 35rem">
19        <hgroup>
20            <h1>FixYouTube</h1>
21            <h2>Embed YouTube videos on Telegram, Discord and more!</h2>
22        </hgroup>
23        <p>FixYouTube serves fixed YouTube video embeds. Heavily inspired by <a href="https://fxtwitter.com">fxtwitter.com</a> and <a href="https://ddinstagram.com">ddinstagram.com</a>.</p>
24
25        <section>
26            <header>
27                <h3 style="margin-bottom: 4px">How to Use</h3>
28                <p>Replace <code>www.youtube.com</code> or <code>youtu.be</code> with <span id="changeme">this domain</span> to fix embeds for short videos.</p>
29            </header>
30            <video
31                src="https://github.com/BiRabittoh/FixYouTube/assets/26506860/2896d39e-a86e-47ce-939a-785b73d11683"
32                style="width: 100%; max-height: 100%;" autoplay loop muted controls>
33                Your browser does not support the video tag.
34            </video>
35            <hr>
36            <small><a href="https://github.com/BiRabittoh/fixyoutube-go" target="_blank">Source code available in GitHub!</a></small>
37            <br>
38            <small>• YouTube is a trademark of Google LLC. This app is not affiliated with Google LLC.</small>
39        </section>
40    </main>
41    <script>
42        code = document.createElement('code');
43        code.innerText = window.location.host;
44        document.getElementById('changeme').replaceWith(code);
45    </script>
46</body>
47
48</html>