这个问题是由于微信浏览器对于video标签的层级设置比较高,导致覆盖了页面上部分内容。可以尝试以下几种方法解决:
-
使用CSS设置覆盖video标签的元素的z-index值高于video标签。
-
将video标签放在一个容器内,并使用CSS设置该容器的z-index值低于其他需要显示的元素。
-
在页面中添加背景层,将背景层的z-index值高于video标签,以此遮挡掉页面上的video标签。
-
添加viewport-fit=cover meta标签,让浏览器在全屏显示页面时适应视口尺寸,从而避免出现类似问题。
以上方法可以根据实际需求选择相应的解决方案,希望能对你有所帮助。