uni-app uParse 富文本解析 视频在ios中无法播放

uni-app uParse 富文本解析 视频在ios中无法播放

# 产品分类
uniapp/App

# PC开发环境
| 项目         | 信息       |
|--------------|------------|
| 操作系统     | Mac        |
| 操作系统版本 | 11.6       |

# HBuilderX
| 项目    | 信息   |
|---------|--------|
| 类型    | 正式   |
| 版本号  | 4.65   |

# 手机系统
| 项目      | 信息    |
|-----------|---------|
| 系统      | iOS     |
| 系统版本  | iOS 17  |
| 厂商      | 苹果    |
| 机型      | iPhone 12 |

# 页面类型
| 项目    | 信息   |
|---------|--------|
| 类型    | vue    |
| vue版本 | vue2   |

# 打包方式
| 项目   | 信息   |
|--------|--------|
| 方式   | 云端   |

# 项目创建方式
| 项目    | 信息    |
|---------|---------|
| 创建方式| HBuilderX|

## 示例代码
在uParse组件中，视频组件在ios中无法加载播放，在安卓机中是正常的

## 操作步骤
```html
<u-parse style="width: 100%;height: 100%;background-color: black;" :content="<video style='width: 100%;height: 400px;' src='${item.url}'></video>" :selectable="false"></u-parse>

预期结果

视频在ios手机中正常播放

实际结果

视频在ios手机中无法加载播放


更多关于uni-app uParse 富文本解析 视频在ios中无法播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app uParse 富文本解析 视频在ios中无法播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在iOS设备上uParse解析视频无法播放的问题，通常与iOS对视频播放的特殊限制有关。以下是解决方案：

  1. 确保视频链接是HTTPS协议，iOS强制要求媒体资源必须使用安全连接

  2. 尝试添加playsinline属性，iOS默认不全屏播放：

<u-parse :content="<video playsinline controls src='${item.url}'></video>"/>
  1. 如果问题依旧，可以改用uni-app的video组件替代uParse解析：
<video :src="item.url" controls></video>
回到顶部