<template>
<video :src="videoUrl" controls class="h-420 w-full" id="videoId"></video>
</template>
<script setup>
import {useStore} from 'vuex'
import { onDeactivated, onMounted, ref ,getCurrentInstance} from "vue";
import {onLoad,onHide,onShow} from '@dcloudio/uni-app'
const videoUrl = 'https://web-assets.dcloud.net.cn/unidoc/zh/%E7%AC%AC1%E8%AE%B2%EF%BC%88uniapp%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317%20(3).mp4'
onHide(()=>{
uni.createVideoContext('videoId').pause()
})
onShow(()=>{
showVideo.value = true
})
</script>
1***@qq.com
- 发布：2023-04-25 22:28
- 更新：2023-06-20 14:31
- 阅读：703
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： mac os 12.5.1
HBuilderX类型： 正式
HBuilderX版本号： 3.8.0
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： p10
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
vue3 点击tabbar 视频没有暂停
vue3 点击tabbar 视频没有暂停
预期结果：
视频暂停
视频暂停
实际结果：
视频没有暂停
视频没有暂停
1***@qq.com (作者)
没有尝试vue2，vue3 不行吗？
2023-04-26 16:44