如何通过JS,HTML在全屏iframe YouTube视频上方显示按钮

时间:2019-07-10 10:57:30

标签: javascript html youtube-api youtube-data-api

如何通过html,java-script在全屏模式youtube iframe视频上方显示我的html元素(例如按钮)? 不行: z-index:2147483647; translateZ(+ 2000000000000px)

1 个答案:

答案 0 :(得分:0)

您需要做的是在CSS中使用z-index属性,并对按钮进行绝对定位。

您可以做的就是为您的元素分配类:

<html>
  <iframe class="video">
    ...
  </iframe>
  <button class="bt">
  </button>
</html>

在CSS中:

.video {
  z-index: 0;
}

.bt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 50px;
  z-index: 100;
} 

这应该在iFrame顶部显示按钮。