微信浏览器中video标签与文字混合在一起了

Question

问题描述

问题出现的环境背景及自己尝试过哪些方法

在iOS下很正常
但是在华为P20 P30 的微信中会出现这样的现象
1.控件无法完全显示
2.视频播放时会显示视频之上的p标签中的文字信息
3.视频尺寸不正确

相关代码

<p>请出具保管凭证</p>
<video controls="" preload="none" width="420" height="280" src="xxx.mp4" poster="xxx.png" poster-url="xxx.png" x5-video-player-type="h5" data-setup="{}"><source src="xxx.mp4" type="video/mp4"></video>

期待完美兼容华为手机的video播放

Answer 1

用微信开发者工具看一下css是否有影响