- 发布：2022-06-23 09:32
- 更新：2022-06-23 09:32
- 阅读：450
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.5.2 (20G95)
HBuilderX类型： Alpha
HBuilderX版本号： 3.4.13
手机系统： 全部
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<template>
<div style="background-color: #ff0000;">
<button @click="playPause">播放/暂停</button>
<video id="mvideo" controls="true" show-fullscreen-btn="false" class="swiper-video"
src="https://image.rzjinli.cn/videos/13/2022/06/t3rFHh332Im3Q2CCchFcZu3cCuH3Kl.mp4">
</video>
</div>
</template>
<script>
export default {
data() {
return {
video: '',
}
},
created() {
},
mounted() {
console.log('数据是否的计算机房');
this.video = uni.createVideoContext('mvideo')
},
methods:{
playPause() {
console.log('播放了吗');
this.video.play();
}
}
}
</script>
<style>
</style>
<template>
<div style="background-color: #ff0000;">
<button @click="playPause">播放/暂停</button>
<video id="mvideo" controls="true" show-fullscreen-btn="false" class="swiper-video"
src="https://image.rzjinli.cn/videos/13/2022/06/t3rFHh332Im3Q2CCchFcZu3cCuH3Kl.mp4">
</video>
</div>
</template>
<script>
export default {
data() {
return {
video: '',
}
},
created() {
},
mounted() {
console.log('数据是否的计算机房');
this.video = uni.createVideoContext('mvideo')
},
methods:{
playPause() {
console.log('播放了吗');
this.video.play();
}
}
}
</script>
<style>
</style> 操作步骤：
this.video = uni.createVideoContext('mvideo')，尝试过各种办法，created中创建context，mounted创建，和播放时候创建，都是播放，暂停，停止无效，
this.video = uni.createVideoContext('mvideo')，尝试过各种办法，created中创建context，mounted创建，和播放时候创建，都是播放，暂停，停止无效，
预期结果：
预期this.video = uni.createVideoContext('mvideo')可以正常控制播放
预期this.video = uni.createVideoContext('mvideo')可以正常控制播放
实际结果：
放时候创建，都是播放，暂停，停止无效，
放时候创建，都是播放，暂停，停止无效，
bug描述：
使用subNvue，获取subNvue中的视频可以获取到videoContext 对象，但是控制播放 暂停 停止无效
找的了一个去年四月份，https://ask.dcloud.net.cn/question/122287，别人上报的的这个bug反馈，可以使用this.$refs.mvideo.paus()可以临时解决。这个问题看来都存在至少一年多了啊，咋还没有修复啊，官方赶紧修复吧
