<template>
<view class="root" :style="{width,height:height+'px'}">
<video :id="videoId" :ref="videoId" @ended="end" :autoplay="false"
:show-center-play-btn="true" :controls="true" @exitFullScreen="exitFullScreen"
:style="{height:(height-20)+'px', width:'750rpx'}" @pause="pause"
@timeupdate="timeupdate" @fullscreenchange="fullscreenchange"
class="video" :src="url"></video>
</view>
</template>
<script>
export default {
data() {
return {
VideoContext: {},
state: true,
currentTime: 0,
duration: 0,
videoId: '',
url: 'http://imgmyqx.ofbei.com/upload1/20201207/5a755bafd1ceee8b93196173e3d9d563.mp4'
}
},
onReady() {
this.videoId = Date.now() + Math.ceil(Math.random()*10000000)+"";
this.VideoContext = uni.createVideoContext(this.videoId);
},
onLoad() {
const info = uni.getSystemInfoSync();
this.width = info.windowWidth+'px';
this.height = info.windowHeight;
this.VideoContext.seek(18.299);
this.VideoContext.play();
},
methods: {
timeupdate(e) {
console.log(e.detail);
this.duration = e.detail.duration
this.currentTime = e.detail.currentTime
},
pause(e) {
console.log('e--pause:'+JSON.stringify(e));
},
fullscreenchange(e) {
console.log('e--fullscreenchange:'+JSON.stringify(e));
},
exitFullScreen(e) {
console.log('e--exitFullScreen'+JSON.stringify(e));
}
}
}
</script>
<style>
</style>
- 发布:2020-12-21 17:03
- 更新:2023-08-24 14:37
- 阅读:1663
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10 专业版
HBuilderX类型: 正式
HBuilderX版本号: 2.9.8
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: JEF-AN20
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
云端打包后,观察现象,看是否符合预期。
云端打包后,观察现象,看是否符合预期。
预期结果:
能够在指定的时间位置播放
能够在指定的时间位置播放
实际结果:
不能够在指定的时间位置播放
不能够在指定的时间位置播放
bug描述:
uniapp 视频播放api, uni.createVideoContext 返回的video对象,的seek 方法,在Android端,华为nova 7 5G 手机上,不起作用。