H5/微信 Video标签移动端播放问题

最新推荐文章于 2025-07-01 23:16:35 发布

最凶残的小海豹

最新推荐文章于 2025-07-01 23:16:35 发布

阅读量4k

点赞数 11

CC 4.0 BY-SA版权

分类专栏： web前端文章标签：微信 video

本文链接：https://blog.csdn.net/qq_17627195/article/details/136740447

一、禁止/阻止/取消默认的全屏播放

亲测： IOS和安卓均有效

<video 
     x5-playsinline="true"
     playsinline="true"
     webkit-playsinline="true"
     x-webkit-airplay="true"
     x5-video-orientation="portraint"
 >
    <source :src="videoUrl" type="video/mp4">
</video>

注意： x5-video-player-type="h5" 这个参数不能用，用了的话安卓就失效了。

二、视频自动播放

H5页面：

需要在 video 标签中添加 muted 和 autoplay 属性

<video 
 	 autoplay
	 muted
     x5-playsinline="true"
     playsinline="true"
     webkit-playsinline="true"
     x-webkit-airplay="true"
     x5-video