<!-- 播放器 -->
<view class="fullscreen-video">
<!-- 视频播放器 -->
<view>
<video id="myVideo" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4"
autoplay="true" :duration="duration" enable-danmu danmu-btn controls></video>
</view>
</view>
</template>
<script setup lang="ts">
/**
* 视频消息组件
*/
import { ref, onMounted, onUnmounted } from 'vue';
const videoContext = ref<UniApp.VideoContext | null>(null);
const duration = ref<number>(50);
// 处理视频错误
const handleVideoError = (e: any) => {
uni.showToast({ title: '视频播放失败', icon: 'none' });
};
onMounted(() => {
videoContext.value = uni.createVideoContext('messageVideo', this);
});
onUnmounted(() => {
videoContext.value?.pause();
});
</script>

- 发布:2025-04-28 16:26
- 更新:2025-04-28 16:26
- 阅读:933
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13-inch, M1, 2020
HBuilderX类型: 正式
HBuilderX版本号: 4.57
手机系统: Android
手机系统版本号: Android 14
手机厂商: 三星
手机机型: SM-S9010
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
参考代码示例
参考代码示例
预期结果:
Android 在 autoplay 为 true 时可以设置成功 duration 属性。
Android 在 autoplay 为 true 时可以设置成功 duration 属性。
实际结果:
无效
无效
bug描述:
video 标签当使用了 autoplay="true" 时设置 duration 在打包成 Android 平台 duration 不生效。其他平台均可生效,仅 Android平台展示的还是默认识别的时间。
0 个回复