【报Bug】video 文档提示能适应rtsp流播放，实际使用无法播放

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 11

手机系统： Android

手机系统版本号： Android 16

手机厂商：华为

手机机型： 18081598046

页面类型： vue

vue版本： vue2

打包方式：离线

项目创建方式： CLI

CLI版本号： 4.5.19

示例代码：

<template>
<view name="videoPlayer" class="flex flex-direction" style="width: 100%;">
<video id="myVideo" class="response" :src="videoUrl" :title="videoTitle"
controls="true"
page-gesture="true"
object-fit="contain"
show-mute-btn="true"
enable-play-gesture="true"
is-live="true"
vslide-gesture="true"
@error="videoErrorCallback"
@waiting="videoWaiting"
@loadedmetadata="videoLoadOk"
style="width: 100%;"></video>
</view>
</template>
<script>
export default {
name: 'videoPlayer',
props: {
title: { type: String, default: '' },
firstPic: { type: String, default: '' },
videoType: { type: String, default: '' },
videoSrc: { type: String, default: '' }
},
data() {
return {
videoUrl: this.videoSrc,
firstImg: this.firstPic,
videoTitle: this.title
};
},
watch: {
videoSrc() {
this.setVideoUrl();
}
},
mounted() {
this.setVideoUrl();
},
onReady() {
this.videoContext = uni.createVideoContext('myVideo');
},
methods: {
setVideoUrl() {
this.videoUrl = this.videoSrc;
this.firstImg = this.firstPic;
this.videoTitle = this.title;
},
videoErrorCallback(e) {
console.log("+++++++")
console.log(e)
// uni.showModal({ content: e.target.errMsg, showCancel: false });
},
videoWaiting() {
// uni.showLoading({ title: '加载中' });
},
videoLoadOk() {
// uni.hideLoading();
}
}
};
</script>
<style>
/ 样式代码 /
</style>

期望为可正常播放
实际效果为无法加载rtsp视频流

2025-10-10 14:05 负责人:无分享

顶顶顶顶

顶顶顶

要回复问题请先登录或注册