Home A - Z Changelog
Menu

An Otter Wiki

Blame

7dbd04 luxmiyu 2026-02-05 22:18:36
1 
# Youtube Tag
2
f72ad6 luxmiyu 2026-02-05 22:22:34
confirm <youtube> tags work
3
Trying to see if I can get youtube tags to get replaced with iframes, like this: `<youtube>dQw4w9WgXcQ</youtube>`
7dbd04 luxmiyu 2026-02-05 22:18:36
4
5
<youtube>dQw4w9WgXcQ</youtube>
f72ad6 luxmiyu 2026-02-05 22:22:34
confirm <youtube> tags work
6
7
Seems to work perfectly. I'm using the code snippet below:
8
9
```js
10
document.addEventListener("DOMContentLoaded", function() {
11
const youtubeTags = document.querySelectorAll("youtube");
12
13
youtubeTags.forEach(tag => {
14
const videoId = tag.textContent.trim();
15
if (videoId) {
16
const iframe = document.createElement("iframe");
17
iframe.width = "560";
18
iframe.height = "315";
19
iframe.src = `https://www.youtube.com/embed/${videoId}`;
20
iframe.frameBorder = "0";
21
iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
22
iframe.allowFullscreen = true;
23
24
tag.parentNode.replaceChild(iframe, tag);
25
}
26
});
27
});
28
```
6a391d luxmiyu 2026-02-05 22:23:31
29
30
If you want to add a youtube video, just `<youtube>VIDEO_ID</youtube>` will work!
44041c luxmiyu 2026-02-06 17:38:42
test <ruby>
31
f7611c luxmiyu 2026-02-06 18:38:43
test <tetris>
32
# Tetris Tag
33
339400 luxmiyu 2026-02-06 18:39:26
34
You can easily create tetris boards using `<tetris>` tags!
f7611c luxmiyu 2026-02-06 18:38:43
test <tetris>
35
131597 luxmiyu 2026-02-06 18:41:28
add a simpler example
36
<tetris>
37
ttt
38
.t.
39
</tetris>
40
0a32e3 luxmiyu 2026-02-06 19:11:35
show <tetris> code
41
```html
42
<tetris>
aa87a1 luxmiyu 2026-02-06 19:11:52
fix indent
43
ttt
0a32e3 luxmiyu 2026-02-06 19:11:35
show <tetris> code
44
.t.
45
</tetris>
46
```
47
131597 luxmiyu 2026-02-06 18:41:28
add a simpler example
48
Here's a more complex example.
49
f7611c luxmiyu 2026-02-06 18:38:43
test <tetris>
50
<tetris>
51
..........
52
..ll....ss
53
...lzz.ssi
54
jj.lgzzooi
55
j..ggggooi
56
j..ggggggi
57
gg.ggggggg
58
gg.ggggggg
59
</tetris>
60
0a32e3 luxmiyu 2026-02-06 19:11:35
show <tetris> code
61
```html
62
<tetris>
aa87a1 luxmiyu 2026-02-06 19:11:52
fix indent
63
..........
64
..ll....ss
65
...lzz.ssi
66
jj.lgzzooi
67
j..ggggooi
68
j..ggggggi
69
gg.ggggggg
0a32e3 luxmiyu 2026-02-06 19:11:35
show <tetris> code
70
gg.ggggggg
71
</tetris>
72
```
73
6be8dd luxmiyu 2026-02-06 19:16:48
pp
74
A big yellow.
75
76
<tetris>
77
...lll...
78
..l...l..
79
..l...l..
80
..l...l..
81
..l...l..
82
..l...l..
83
..l...l..
84
..l...l..
85
..l...l..
141c51 luxmiyu 2026-02-06 19:17:24
replace 0 with o
86
.oo...oo.
87
o..olo..o
88
o..o.o..o
89
.oo...oo.
6be8dd luxmiyu 2026-02-06 19:16:48
pp
90
</tetris>
91
4f5510 luxmiyu 2026-02-06 20:55:14
test tetris pieces in a table
92
Let's try tetris pieces in a table?
93
94
| Image | Name |
95
|:-----------------------------------------------------:|:----:|
96
| ![](https://tetobooru.luxmiyu.com/3x2/ttt.t.?scale=8) | T |
97
| ![](https://tetobooru.luxmiyu.com/3x2/llll..?scale=8) | L |
98
99
100
44041c luxmiyu 2026-02-06 17:38:42
test <ruby>
101
# Furigana??
102
103
<h3><ruby>明日<rp>(</rp><rt>あした</rt><rp>)</rp></ruby></h3>