我在写视频暂停时，出现暂停图标的时候，遇到了定位的问题
得出的解决方案，记录如下：
最终效果如上图所示，播放按钮在视频中间。
创建元素
暂停图标span
<spanid="tipStop"class="iconfont icon-icon_video noshow"style="font-size:2em"></span>
为了能实现span与video的相对定位，故创建了一个class="svedio"的div，作为他们两个的父div
<divclass="svedio"><!-- 下面元素默认隐藏 --><spanid="tipStop"class="iconfont icon-icon_video noshow"style="font-size:2em"></span><videosrc="./source/video/旋转复制_x264.mp4"></video></div>
其中，父div的样式设置如下
.svedio { position: relative; font-size: 2em; /* color:rgb(19, 141, 255); */color: #FD70A1; }
暂停图标显示时，应该拥有的样式如下：
.fly-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 2em; box-shadow: 1px0px1px0pxrgb(19, 141, 255, 0.5); }
<spanid="tipStop"class="iconfont icon-icon_video noshow fly-center"style="font-size:2em"></span>
在视频未暂停时，是不出现这个图标的，视图暂停，才会出现
我们只需要用JavaScript控制即可
监听到播放，就增加noshow（也就是display:none）,这个图标就不会显示，也不会占位置
监听到暂停，就移除noshow，这个图标就显示出来了
