<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>
- 发布:2023-04-25 22:28
- 更新:2023-06-20 14:31
- 阅读:686
产品分类: 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