Html 如何覆盖<；textarea>；在一个<；iframe>；？

我希望能够在正在播放的视频上使用全屏文本区。我想位置：固定；排名：0；可能有用，但没用

HTML

---

使用

位置：相对

添加父元素，然后在

文本区域

上使用

位置：绝对

，将其放置在所需位置

*{
框大小：边框框；
字体系列：consolas；
字体大小：100%；
保证金：0；
填充：0；
}
html，正文{
宽度：100%；
身高：100%；
}
.家长{
位置：相对位置；
}
文本区{
位置：绝对位置；
调整大小：无；
顶部：0；左侧：0；
宽度：100%；
身高：100%；
}

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/HIDDEN?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1" frameborder="0" allowfullscreen></iframe>
<textarea></textarea>

* {
  box-sizing: border-box;
  font-family: consolas;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

textarea {
  position: fixed;
  resize: none;
  width: 100%;
  height: 100%;
}