移动端实现播放视频，阻止弹窗下内容滑动

最近做项目遇到这样的需求：实现移动端播放视频，点击播放按钮，弹窗播放。一开始就直接按照套路做了一下，发现一个bug，弹窗播放视频时候，虽然占满全屏，上下滑动，关掉视频发现下面的内容都被滑动到最后了，这时候我们需要阻止一下视频弹窗默认行为来解决这个bug，先上代码：

视频弹窗

 1 <div class="video-dialog">
 2     <video
 3         :src="videoSrc"
 4         x5-video-orientation="portraint"
 5         x-webkit-airplay="allow"
 6         x5-video-player-fullscreen="true"
 7         playsinline
 8         webkit-playsinline="true"
 9         preload="auto"
10         controls
11     ></video>
12 </div>

1 <script>
2     document.addEventListener('touchmove', (e) => {
3     if(e.target.className.indexOf('video-dialog') > -1) {
4         e.preventDefault();
5     }
6 },{passive: false});
7 </script>

完美解决了！