微信H5video视频问题

最新推荐文章于 2025-05-27 11:58:44 发布

zhl_cafe_noir

最新推荐文章于 2025-05-27 11:58:44 发布

阅读量6.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： H5 视频 video 不全屏微信

本文链接：https://blog.youkuaiyun.com/zhl_cafe/article/details/54912997

前端专栏收录该内容

31 篇文章

订阅专栏

本文介绍如何通过调整HTML5 video标签的属性来实现定制化的视频播放体验，包括控制全屏播放、防止自动推荐、保持层级不变及添加按钮标签等功能，适用于iOS与安卓平台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信里视频有时候不想要全屏播放、不想在视频播放完之后有推送其他视频出现，不想让视频一直处于最高层，想在视频上添加按钮标签等，可以在video标签上添加几个属性，代码如下（兼容ios和安卓）：

<video poster="图片.jpg" src="视频.mp4" ontrols="controls" preload="meta" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="自定义播放时的样式"></video>