收藏
回答

video组件 播放m3u8视频?

手机上是黑屏无法播放,开发者工具可以显示但无法播放,地址是

//www.xxxxx.com/ali/ajaxm3u8/af_id/1093/action/.m3u8



最后一次编辑于  09-25
回答关注问题邀请回答
收藏

5 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    08-28

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    08-28
    赞同
    回复 7
    • 宋宇
      宋宇
      08-28
      我可以 用插件解决这个问题么?
      08-28
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      08-28回复宋宇

      binderror没有执行么,要提供这种格式的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      08-28
      回复
    • 宋宇
      宋宇
      08-28回复社区技术运营专员-娇华
      https://developers.weixin.qq.com/s/OEHwwXm37Jaw
      08-28
      回复
    • 宋宇
      宋宇
      08-28回复宋宇
      我这个m3u8是后台传给我的。
      08-28
      回复
    • 宋宇
      宋宇
      08-28
      你们可以提供一个m3u8的地址 我试一下 看能不能在手机上播放
      08-28
      回复
    查看更多(2)
  • mr.song
    mr.song
    10-17

    video 组件各种坑,m3u8的视频播放问题很多,我这边调试的时候是有时播放不出来binderror也不执行,建议用小程序内嵌h5吧。

    10-17
    赞同
    回复
  • Chen
    Chen
    09-05

    换https在H5上播放没问题,在小程序上是不行的,

    播放地址 https://testserver1.xxxxx.com/live/64DB8B0EA944.m3u8

    09-05
    赞同
    回复
  • 宋宇
    宋宇
    08-28

    vivo X20  微信版本号7.0.6  android8.1.0

    代码

    <view class="video">
      <video
       src="//www.bxd365.com/ali/ajaxm3u8/af_id/1093/action/.m3u8"
       controls
       show-fullscreen-btn
       show-mute-btn
       bindplay = "play"
       bindwaiting="waiting"
       binderror="error"
       bindpause="pause"
       bindtimeupdate="timeupdate"
       ></video>
       <!-- <view>
          <image class="icon-play" bindtap="maskClick"  src="../image/icon_play05.png" />
        <image class="defult-img" src="{{url}}"></image>
       </view> -->
    </view>

    这个播放地址 可以在微信公众号上播放

    08-28
    赞同
    回复 18
    • Chen
      Chen
      09-05
      请问你的问题解决了吗, 我这边还是不行
      09-05
      回复
    • 宋宇
      宋宇
      09-05回复Chen
      我这的原因是 没有添加 https:
      09-05
      回复
    • 宋宇
      宋宇
      09-05
      我这边后台拿到的数据是只有路径没有 https的头
      09-05
      回复
    • Chen
      Chen
      09-05

      可以看下你的代码不,

      <Video

      id={showData.id}

      // autoplay={true}

      // controls={false}

      showFullscreenBtn

      poster={showData.playPreviewUrl}

      onPlay={() => this.handleOnPlay()}

      src={showData.videoUrl}

      className=" video-item "

      />

      我们地址是https的

      09-05
      回复
    • Chen
      Chen
      09-05

      可以看下你的代码不,

      <Video

      id={showData.id}

      // autoplay={true}

      // controls={false}

      showFullscreenBtn

      poster={showData.playPreviewUrl}

      onPlay={() => this.handleOnPlay()}

      src={showData.videoUrl}

      className=" video-item "

      />

      我们地址是https的

      09-05
      回复
    查看更多(13)
  • 寻己
    寻己
    08-28

    腾讯小程序已经更新了。不建议用video组件,改用方法

    08-28
    赞同
    回复 2
    • 宋宇
      宋宇
      08-28
      能说的具体点么? 不太清楚? 播放不需要容器么?
      08-28
      回复
    • 宋宇
      宋宇
      08-28
      有文档么?或者连接地址
      08-28
      回复
问题标签