# Youtube Tag

Trying to see if I can get youtube tags to get replaced with iframes, like this: `<youtube>dQw4w9WgXcQ</youtube>`

<youtube>dQw4w9WgXcQ</youtube>

Seems to work perfectly. I'm using the code snippet below:

```js
document.addEventListener("DOMContentLoaded", function() {
  const youtubeTags = document.querySelectorAll("youtube");

  youtubeTags.forEach(tag => {
    const videoId = tag.textContent.trim();
    if (videoId) {
      const iframe = document.createElement("iframe");
      iframe.width = "560";
      iframe.height = "315";
      iframe.src = `https://www.youtube.com/embed/${videoId}`;
      iframe.frameBorder = "0";
      iframe.allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
      iframe.allowFullscreen = true;

      tag.parentNode.replaceChild(iframe, tag);
    }
  });
});
```

If you want to add a youtube video, just `<youtube>VIDEO_ID</youtube>` will work!

# Tetris Tag

You can easily create tetris boards using `<tetris>` tags!

<tetris>
ttt
.t.
</tetris>

```html
<tetris>
ttt
.t.
</tetris>
```

Here's a more complex example.

<tetris>
..........
..ll....ss
...lzz.ssi
jj.lgzzooi
j..ggggooi
j..ggggggi
gg.ggggggg
gg.ggggggg
</tetris>

```html
<tetris>
..........
..ll....ss
...lzz.ssi
jj.lgzzooi
j..ggggooi
j..ggggggi
gg.ggggggg
gg.ggggggg
</tetris>
```

A big yellow.

<tetris>
...lll...
..l...l..
..l...l..
..l...l..
..l...l..
..l...l..
..l...l..
..l...l..
..l...l..
.oo...oo.
o..olo..o
o..o.o..o
.oo...oo.
</tetris>

Let's try tetris pieces in a table?

|                         Image                         | Name |
|:-----------------------------------------------------:|:----:|
| ![](https://tetobooru.luxmiyu.com/3x2/ttt.t.?scale=8) |   T  |
| ![](https://tetobooru.luxmiyu.com/3x2/llll..?scale=8) |   L  |



# Furigana??

<h3><ruby>明日<rp>(</rp><rt>あした</rt><rp>)</rp></ruby></h3>