h5 使用 video，在 ios\macos 上播放是黑屏且无声音，只有时长

l***@163.com (作者)

已破案，确实是视频编码的问题

2025-03-21 10:38

HB_WJ

你这个编码苹果是支持的，感觉还是将流编码时有问题，我重新编码就是对的(编码格式和你的一样)，还是排查一下流转换的逻辑吧。

./ffmpeg-aarch64-apple-darwin -i ~/Downloads/downloadVideo.mp4 -c:v libx264 -c:a aac output.mp4

2024-08-16 11:47

l***@163.com (作者)

<view v-html='generateVideoHtml' class="swiper-video"></view>

computed: {  

    generateVideoHtml(fileId) {  

      // const url = this.formatFileUrl(fileId, 'video')  

      return `<video  muted controls="controls" width="100%" height="100%" webkit-playsinline cross-origin="anymous" class="swiper-video"><source src="${this.videoUrl}" type="video/mp4"></video>`  

    }  

  }

2024-08-15 16:56

jgj_app

回复 l***@163.com: 我建议你还用 app最好不要用 v-html

2024-08-15 17:05

l***@163.com (作者)

回复 jgj_app: 用 uniapp 的 video 报错（时长也加载不到，v-html 还能加载到时长）

报错信息： GET <video> error: http://aslrsvap.miningsoft.cn:10001/ewap/file/sysFile/downloadVideo?fileId=18265&&token=d5a747e7230946a08cb617d029638245

2024-08-15 17:18

jgj_app

回复 l***@163.com:n你不要用 v-html 直接在 template 上写

2024-08-15 17:20

l***@163.com (作者)

回复 jgj_app: <template v-html='generateVideoHtml'></template>这样？

2024-08-15 17:22

爱豆豆

回复 l***@163.com: 感觉你视频地址有问题 我这边加载不出来 但是同样写法 用https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-video-courses.mp4这个视频就可以加载

2024-08-15 17:22

l***@163.com (作者)

回复 爱豆豆: 用官方的可以，我的视频地址 在安卓 或者 pc都是正常的，只有iOS、macOS不行

2024-08-15 17:24

爱豆豆

回复 l***@163.com: 那不就找到原因了吗 你这视频是啥格式的？

2024-08-15 17:28

l***@163.com (作者)

回复 爱豆豆: mp4

2024-08-15 17:31

爱豆豆

回复 l***@163.com: 你这视频是存在你们自己的服务器吗？

2024-08-15 17:31

l***@163.com (作者)

回复 爱豆豆: 感觉是h5和苹果系统的兼容性问题，如果视频地址有问题的话 对应的pc和安卓也应该都不能播放才到

2024-08-15 17:34

l***@163.com (作者)

回复 爱豆豆: 不一定，视频有可能是别的链路返回的，不一定存储在自己的服务器中

2024-08-15 17:35

l***@163.com (作者)

你这看起来不是 iOS / macOS

2024-08-15 17:23

jgj_app

回复 l***@163.com: 哦，我发完才看见你是 iOS

2024-08-15 17:24