收藏
回答

小程序嵌入h5页面,使用video.js播放HLS视频,苹果手机无法播放?

我的页面是vue开发的h5页面,使用video.js播放HLS流视频。

在安卓和苹果的浏览器上视频都可以正常播放,在微信里面直接打开h5页面,安卓和苹果的视频也都可以正常播放,

但是嵌入到小程序里面,真机测试安卓可以正常播放视频,苹果手机无法正常播放,视频区域显示黑屏。(有个更奇怪的操作:黑屏区域多次点击,偶尔能播放出来,不点击不会放!

使用vconsole测试没有任何报错。

h5页面线上地址https://shop.wuxie.com.cn/mall/index.html#/ (苹果自带浏览器都可以播放,为什么嵌套到小程序就是黑屏了???)

请问这个是什么原因,怎么解决?

最后一次编辑于  2021-03-04
回答关注问题邀请回答
收藏

5 个回答

  • 罗塞塔的石碑
    罗塞塔的石碑
    03-12

    请问这问题解决了吗

    03-12
    有用
    回复
  • Imyfbb
    Imyfbb
    2023-10-11

    请问这个问题有解决嘛,我也遇到了差不多的问题

    2023-10-11
    有用
    回复
  • 一梦
    一梦
    2022-01-04

    请问解决了吗,我现在也遇到这个问题了,用hls.js播放的

    2022-01-04
    有用
    回复 1
    • Imyfbb
      Imyfbb
      2023-10-11
      请问您解决了这个问题嘛
      2023-10-11
      回复
  • 杨焱曌
    杨焱曌
    2021-07-08

    请问楼主解决了吗,我也是遇到了同样的问题,小程序嵌套web-view,网页里面有个video,其他设备包括安卓小程序上都是可以正常播放的,就唯独iOS小程序不行,要点一下才能播放

    2021-07-08
    有用
    回复 1
    • 杜鹏
      杜鹏
      2022-03-01
      可以提供一下你的播放代码吗
      2022-03-01
      回复
  • 跨商通
    跨商通
    2021-03-04

    谢邀。

    这方面知识有限,仅说一点我所了解的内容。

    1、苹果手机访问视频,会先与后台进行一次握手,获取视频相关信息后,再开始读取视频流,这需要后台做配合开发。(以上知识请百度一下,我说得不专业。)

    2021-03-04
    有用
    回复
登录 后发表内容
问题标签