<template>
<view>
<video id="myVideo" src="http://video.haier.wxcy.tv/dz/msjt/2f8ed4c1b2cf41f78a629e2df4b90b01.mp4"
:initial-time="10" autoplay="true" :duration="endTime" @ended="videoEnd" @timeupdate="videoTimeUpdate"></video>
</view>
</template>
<script>
export default {
data() {
return {
endTime: 150,
videoContext: null
}
},
onLoad() {
},
onReady() {
this.videoContext = uni.createVideoContext('myVideo');
},
methods: {
videoEnd() {
console.log("播放结束");
},
videoTimeUpdate(e) {
console.log("当前播放位置：" + e.target.currentTime);
if (e.target.currentTime >= this.endTime) {
this.videoContext.stop();
}
}
}
}
</script>
<style>
</style>
Michael_Dragon
- 发布：2021-03-26 16:10
- 更新：2021-03-29 20:39
- 阅读：558
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows10
HBuilderX类型： Alpha
HBuilderX版本号： 3.1.6
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： XiaoMi10Pro
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
设置duration参数值无效
设置duration参数值无效
预期结果：
视频长度显示duration设置的值
视频长度显示duration设置的值
实际结果：
安卓端无效
安卓端无效
bug描述：
安卓端使用Video组件设置duration参数无效！
1 个回复
DCloud_UNI_Anne
小米8测试，未复现您说的问题。你试下其他设备是否正常？