video组件在uni-app微信内置浏览器浏览有时不能播放

video组件在uni-app微信内置浏览器浏览有时不能播放

示例代码：

<video object-fit="cover" :src="playerxx.play_vedio" :show-fullscreen-btn="false" :style="{'height': video_height +'rpx'}" class="video_xiao" :initial-time='1' :poster='playerxx.player_images_array[0]'></video>

操作步骤：

进入列表页面，或者点击列表中的详情都会复现
https://svip.feisufirst.com/h5/pages/yemian/thirty_five/sport_xq?sport_id=4013

预期结果：

视频正常播放

实际结果：

视频没有播放，如播放进度条0，进度条的总时间是1分钟

bug描述：

https://svip.feisufirst.com/h5/pages/yemian/thirty_five/sport_xq?sport_id=4013

h5页面video组件，在微信内置浏览器浏览时，视频列表中，有些视频点击播放实际播放不了
刷新当前页面，也会很大几率复现，在多个机型下也是同样的问题。
视频的封面，视频的时间都是正常显示的，在PC上也是正常的



| 项目         | 信息                   |
|--------------|------------------------|
| 产品分类     | uniapp/H5              |
| PC开发环境   | Windows                |
| 版本号       | Windows11              |
| HBuilderX    | 正式                   |
| HBuilderX版本| 4.57                   |
| 浏览器平台   | 微信内置浏览器         |
| 浏览器版本   | Mozilla/5.0 (Linux; Android 15; RMX5060 Build/ AP3A.240617.008; wv# AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/134.0.6998.136 Mobile Safari/537.36 XWEB/1340095 MMWEBSDK/20250201 MMWEBID/6768 MicroMessenger/8.0.58.2841(0x28003A3C) WeChat) |
| 项目创建方式 | HBuilderX              |
| App下载地址  | https://svip.feisufirst.com/h5/pages/yemian/thirty_five/sport_xq?sport_id=4013 |

更多关于video组件在uni-app微信内置浏览器浏览有时不能播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于video组件在uni-app微信内置浏览器浏览有时不能播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个在微信内置浏览器中常见的视频播放问题。根据描述，可能的原因和解决方案如下：

  1. 微信浏览器对视频播放有特殊限制，特别是对于非微信域名的视频资源。建议将视频资源托管到微信认可的域名下。

  2. 尝试添加以下属性：

<video 
  x5-video-player-type="h5" 
  x5-video-player-fullscreen="true"
  x5-video-orientation="portrait"
  webkit-playsinline
  playsinline
>

  1. 检查视频格式是否被微信浏览器支持，建议使用MP4格式(H.264编码)。

  2. 确保视频服务器支持Range请求(206状态码)，这是流式播放的必要条件。

  3. 可以尝试在视频地址后添加时间戳参数防止缓存问题：

:src="playerxx.play_vedio + '?t=' + Date.now()"
回到顶部