在视频中央显示播放按钮

ヽ(●´ω｀●)ﾉ

styled-components:

const ControlCenter = styled.img`
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
`;

JSX:

<div style={{position:'relative'}}>
    <video />
    <ControlCenter src={ImgPlay} />
</div>

效果:

 

 ヽ(●´ω｀●)ﾉ

来源：https://www.cnblogs.com/su0tiuqibu/p/11751216.html