收藏
回答

微信小程序播放HLS视频流android可以播放,ios不能播放

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug video 客户端 7.0.4 2.7.1

- 当前 Bug 的表现(可附上截图)

  1、这段代码用android手机微信小程序打开可以正常播放,但是ios微信小程序就播放不了。
   2、如果在android上先打开视频,然后又在ios上就能打开视频了

   下面两幅图,第一个是IOS黑屏,第二个是android正常播放



 

- 预期表现

   ios正常播放HLS视频流

- 复现路径


- 提供一个最简复现 Demo

     <video id="myVideo" 
src="https://mxhlab.zjy8.cn:83/hls/openUrl/7vYZTTq/live.m3u8"
bindplay="play"
controls="true"
muted="true"
initial-time="0"
show-play-btn="true"
show-center-play-btn="true"
play-btn-position="center"
autoplay="false" @error="error" style="width: 100%; height: 800upx;">
</video>

回答关注问题邀请回答
收藏

3 个回答

  • 禾店短剧系统
    禾店短剧系统
    2021-06-03

    浏览器打开是下载视频 正常应该是可以直接播放的 用postman测试发现返回的是下载格式而不是video/mp4 排查了多次 发现是服务端的原因

    配置nginx拦截对应路径即可

    2021-06-03
    有用 1
    回复
  • maxh
    maxh
    2019-08-13




    2019-08-13
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-06-21

    先加个binderror看看,另,把这个视频链接放在出问题的手机浏览器或者微信会话里看看能不能正常播放

    2019-06-21
    有用
    回复 3
登录 后发表内容