blob: 89ba0e6f450bff50bfe4fa8ebeae37fd0a9d220c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
{{ define "scripts" }}
<script src="/static/index.js" defer></script>
<script src="https://www.youtube.com/iframe_api"></script>
{{ end }}
{{ define "content" }}
<iframe
id="player"
src="https://www.youtube-nocookie.com/embed/{{ .Id }}?enablejsapi=1&autoplay=1"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
>
</iframe>
<main>
<div id="title-bar">
<h1 id="title"></h1>
<label>Rate: <select id="pb-rate"></select></label>
<button id="toggle-details">Show Details</button>
</div>
<div id="details" style="display:none">
<span><a id="details-channel"></a> @ <span id="details-date"></span></span><br>
<span><span id="details-views"></span> Views => 👍 <span id="details-likes"></span> => <span id="details-comments"></span> Comments</span><br>
<span id="details-desc">No description has been added to this video.</span><br>
<h4>Tags:</h4>
<div id="details-tags"></div>
</div>
<div id="comments" style="display:none">
<h3>Comments:</h3>
<template id="template-comment">
<hr>
<div class="comment">
<a class="author"></a>
<span>@ <span class="date"></span></span>
<span class="date modified"></span>
<div class="body"></div>
<span>👍 <span class="likes"></span></span>
<div class="replies"></div>
</div>
</template>
</div>
</main>
<footer>
<br><a href="/">EmbedTube</a>
</footer>
{{ end }}
|
