微信小程序 video播放map4，安卓可以 ios无法播放问题

最爱葡萄啦

于 2022-06-17 19:54:15 发布

阅读量2.7k

点赞数 1

分类专栏：问题文章标签：微信小程序小程序

本文链接：https://blog.youkuaiyun.com/weixin_47954460/article/details/125339324

版权

问题专栏收录该内容

11 篇文章

订阅专栏

博客内容描述了一个iOS设备在播放通过后台接口获取的视频流时遇到的问题，表现为黑屏，而同一视频在安卓设备上播放正常。问题可能与iOS对视频预加载和处理方式有关，解决方案涉及使用`wx.downloadFile`下载视频流并赋值给`video`元素。

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

问题描述：视频播放安卓可以，但是用苹果打开，显示为黑屏。
但是如果是静态视频，苹果也可以显示。
程序中的视频是请求后台接口获得，以视频流形式获取。ios需要预下载，然后再赋值给video

wx.downloadFile({
	 url,
	 success: (res) => {
            this.videos.push(res.tempFilePath)
	  },
 })

使用

<template>
  <!-- webView页面 -->
  <view class="plandetails">
    <video v-if="videos.length > 0" v-for="item in videos" class="videocss" :src="item"></video>
  </view>
</template>