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方法。

解决方案:

  1. 使用pause()方法暂停视频
  2. 将currentTime设置为0实现停止效果

代码示例:

// 获取video上下文
const videoContext = uni.createVideoContext('myVideo')

// 停止视频播放
function stopVideo() {
    videoContext.pause()
    videoContext.seek(0) // 跳转到开始位置
}
回到顶部