<template>
<div class="test-page" :style="{ height: windowHeight }">
<div>
<video id="videoPlayer" :src="file_url" @play="onPlay" @pause="onPause" @ended="onEnded" class="video-player"></video>
<text>{{ isPlay ? '播放中' : '' }}</text>
</div>
<list>
<cell>
<button @tap="player.seek(3)">3</button>
<button @tap="player.seek(6)">6</button>
<button @tap="player.seek(10)">10</button>
</cell>
</list>
</div>
</template>
<script>
import api from '@/api.js'
export default {
data() {
const { windowHeight } = uni.getSystemInfoSync()
return {
windowHeight,
file_url: '',
player: null,
isPlay: false
}
},
methods: {
onPlay() {
this.isPlay = true
},
onPause() {
this.isPlay = false
},
onEnded() {
this.isPlay = false
}
},
onReady() {
this.player = uni.createVideoContext('videoPlayer')
}
}
</script>
<style scoped>
.test-page {
flex-direction: row;
}
.video-player {
width: 500rpx;
height: 300rpx;
border-width: 2rpx;
border-color: #000;
}
</style>
- 发布:2020-11-10 16:26
- 更新:2021-02-05 11:39
- 阅读:2518
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10 1909
HBuilderX类型: 正式
HBuilderX版本号: 2.9.7
手机系统: Android
手机系统版本号: Android 9.0
手机厂商: 三星
手机机型: 三星s8
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<template>
<div class="test-page" :style="{ height: windowHeight }">
<div>
<video id="videoPlayer" :src="file_url" @play="onPlay" @pause="onPause" @ended="onEnded" class="video-player"></video>
<text>{{ isPlay ? '播放中' : '' }}</text>
</div>
<list>
<cell>
<button @tap="player.seek(3)">3</button>
<button @tap="player.seek(6)">6</button>
<button @tap="player.seek(10)">10</button>
</cell>
</list>
</div>
</template>
<script>
import api from '@/api.js'
export default {
data() {
const { windowHeight } = uni.getSystemInfoSync()
return {
windowHeight,
file_url: '',
player: null,
isPlay: false
}
},
methods: {
onPlay() {
this.isPlay = true
},
onPause() {
this.isPlay = false
},
onEnded() {
this.isPlay = false
}
},
onReady() {
this.player = uni.createVideoContext('videoPlayer')
}
}
</script>
<style scoped>
.test-page {
flex-direction: row;
}
.video-player {
width: 500rpx;
height: 300rpx;
border-width: 2rpx;
border-color: #000;
}
</style>
<template>
<div class="test-page" :style="{ height: windowHeight }">
<div>
<video id="videoPlayer" :src="file_url" @play="onPlay" @pause="onPause" @ended="onEnded" class="video-player"></video>
<text>{{ isPlay ? '播放中' : '' }}</text>
</div>
<list>
<cell>
<button @tap="player.seek(3)">3</button>
<button @tap="player.seek(6)">6</button>
<button @tap="player.seek(10)">10</button>
</cell>
</list>
</div>
</template>
<script>
import api from '@/api.js'
export default {
data() {
const { windowHeight } = uni.getSystemInfoSync()
return {
windowHeight,
file_url: '',
player: null,
isPlay: false
}
},
methods: {
onPlay() {
this.isPlay = true
},
onPause() {
this.isPlay = false
},
onEnded() {
this.isPlay = false
}
},
onReady() {
this.player = uni.createVideoContext('videoPlayer')
}
}
</script>
<style scoped>
.test-page {
flex-direction: row;
}
.video-player {
width: 500rpx;
height: 300rpx;
border-width: 2rpx;
border-color: #000;
}
</style>
预期结果:
点击按钮跳到对应的秒数
点击按钮跳到对应的秒数
实际结果:
使用seek(x),x大于等于10秒的时候有概率成功, 小于10的时候一直都跳到x秒的瞬间回到第0秒
使用seek(x),x大于等于10秒的时候有概率成功, 小于10的时候一直都跳到x秒的瞬间回到第0秒
bug描述:
使用seek(x)方法跳转到第x秒无效,x大于10的时候有概率有效,小于10的时候一直都是跳到x秒的瞬间回到第0秒
注: 这个问题再好几个版本之前就有了 (vue和nvue都无效)
8 个回复
zwp_jiayou (作者)
来人啊
zwp_jiayou (作者)
帮顶一下啊
2***@qq.com
顶一下,我也遇到这个问题
2***@qq.com
官网看不见吗
不想你丶 - 90IT男
官方都在无视这个问题吗,我也遇到了这个问题,就是会往回跳那么几秒,不准确;暂停的时候跳是准确的,但只要一播放又回返回跳那么几秒
DCloud_Android_DQQ
bug 已确认,稍后版本会更新修复。
2021-01-16 11:41
DCloud_Android_DQQ
bug 已确认,稍后版本会更新修复。
未尛2333
请问下修复好了没 我现在也遇到了 并且offTimeUpdate也不执行
2021-01-20 21:44
DCloud_Android_DQQ
回复 未尛2333: 还没发布。下周会发
2021-01-21 10:37
未尛2333
回复 DCloud_Android_DQQ: 好的
2021-01-21 11:06
Michael_Dragon - 培优教育农民工
等着修复上线呢!
DCloud_Android_DQQ
HX 3.1.0 版本已修复
2021-02-05 11:39
转角遇到鬼
回复 DCloud_Android_DQQ: 官方可以测试了再发出来吗?seek方法还是无效,不管ios还是安卓
2021-02-09 00:32
DCloud_Android_DQQ
HX 3.1.0 版本已修复
1***@qq.com
seek方法还是没有用,跳到指定位置失败,这个bug真的修复了吗
2021-02-08 04:09
DCloud_Android_DQQ
回复 1***@qq.com: 修复了 seek之后 跳转不准确的bug
2021-02-18 10:36
DCloud_Android_DQQ
回复 DCloud_Android_DQQ: 回复 1342081703@qq.com: 之前版本会跳转到最近的关键帧
2021-02-18 10:37
Michael_Dragon
Vue页面使用API依然无效,已更新IDE到版本:3.1.2.20210206-alpha
2021-02-18 10:37
DCloud_Android_DQQ
回复 Michael_Dragon: 开新帖,带上可复现问题的代码
2021-02-18 10:45
1***@qq.com
回复 DCloud_Android_DQQ: 嗯嗯,刚看了下确实修复了,还有提个意见,就是video全屏的时候能加上返回箭头吗?不然想返回的时候想弄出虚拟按键,有时候会拖动进度条
2021-02-18 19:48
DCloud_Android_DQQ
回复 1***@qq.com: 新开个ask吧。 后续我们统一整理、处理
2021-02-19 10:34
z***@163.com
回复 1***@qq.com: 怎么解决的啊老铁?我也遇到了.h5好使,安卓动态seek无效的问题
2021-10-27 15:47