Android 播放按钮适配问题

安卓播放按钮适配

下面的代码出了一个问题，安卓手机上按钮的 position: absolute; 无效

强大的日区资深前端大佬 大佐 说出了原因 img 默认是 inline，position 不会生效

让我加上 display: block; 就可以了

太强了！

<div class="video-wrap">
  <img
    class="video-play"
    src="./Play.png"
    alt=""
  />
  <video width="100%" preload height="175px" controls class="video-player">
    <source src="./141644819535186.mp4" />
    您的浏览器不支持 video 标签。
  </video>
</div>

.video-wrap {
  position: relative;
  width: 100%;
  height: 175px;
  overflow: hidden;
  background-color: #000;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  cursor: pointer;
}