uni-app video 标签h5不能停止视频播放
uni-app video 标签h5不能停止视频播放
操作步骤:
- 创建video便签,初始化context ,stop方法不能停止播放
预期结果:
- video 标签h5能停止视频播放
实际结果:
- video 标签h5不能停止视频播放
bug描述:
- video 标签h5不能停止视频播放
| 信息类别 | 详细信息 |
|---|---|
| 产品分类 | uniapp/H5 |
| PC开发环境 | Windows |
| PC操作系统版本 | win10 |
| 开发工具类型 | 正式 |
| 开发工具版本 | 3.1.19 |
| 浏览器平台 | Chrome |
| 浏览器版本 | 最新 |
| 项目创建方式 | HBuilderX |
更多关于uni-app video 标签h5不能停止视频播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html
1 回复
更多关于uni-app video 标签h5不能停止视频播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-app的H5平台中,video组件的stop方法确实存在兼容性问题。这是因为H5平台底层使用的是浏览器原生video元素,而原生video元素并没有标准的stop方法。
解决方案:
- 使用pause()方法暂停视频
- 将currentTime设置为0实现停止效果
代码示例:
// 获取video上下文
const videoContext = uni.createVideoContext('myVideo')
// 停止视频播放
function stopVideo() {
videoContext.pause()
videoContext.seek(0) // 跳转到开始位置
}

