图上不了， 竟然不能传本地图片，那么只能上代码了。
<template>
<view class="gongdi">
<view class="gongdi-item" v-for="(item, index) of videoList" :key="index">
<video src="item.url" class="sel-video" @error="handleVideoErr"></video>
<view class="gongdi-item-con">{{item.intro}}</view>
</view>
</view>
</template>
<script>
export default {
name: 'gongdi',
data () {
return {
videoList: [
{
url: 'rtmp://192.168.1.103/jnst_mediaserver/gdgs_scc_00008',
name: '项目名称',
intro: '视频说明：测试RTMP'
},
{
url: 'https://www.iqiyi.com/v_19rsaf393k.html?src=frbdaldjunest&vfm=bdvcsplld&pay=0&frp=v.baidu.com%2Ftv_intro%2Fbrowse&bl=jp_video&kwid=28950',
name: '项目名称',
intro: '视频说明：爱奇艺测试视频（广告是真多）'
},
{
url: 'https://xxxxxx.com',
name: '项目名称',
intro: '视频说明：一楼大堂监控'
},
{
url: 'https://xxxxxx.com',
name: '项目名称',
intro: '视频说明：一楼大堂监控'
},
{
url: 'https://xxxxxx.com',
name: '项目名称',
intro: '视频说明：一楼大堂监控'
}
]
}
},
methods: {
handleVideoErr (res) {
console.log('err')
}
}
}
</script>
<style>
.gongdi{
width: 96%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 10upx auto;
}
.gongdi-item{
width: 45%;
height: 320upx;
border: 1px solid #1ABC9C;
margin-top: 10upx;
}
.gongdi-item-con{
width: 100%;
height: 60upx;
line-height: 60upx;
font-size: 28upx;
text-align: center;
overflow: auto;
white-space: nowrap;
}
.sel-video{
width: 100%;
height: 260upx;
}
</style>
其中第一个地址为RTMP地址，第二个地址是找了一个爱奇艺的在线视频，目前均不能播放，下面是报错信息
chrome: Uncaught (in promise) DOMException 度娘了下 说这个错是chrome不支持autoplay ? 然后去firefox试了一下
firefox: 不支持 HTTP "Content-Type" 设为 "text/html"。媒体资源 http://192.168.1.136:8080/pages/tabBar/home/gongdijiankong/item.url 载入失败。
想请问一下是我哪里设置不对吗？
想最后通过hbuliderx编译成 android / ios来使用的 请问可能实现否？
2***@qq.com
老哥，你解决这个问题没有
2021-04-27 07:02
2***@qq.com
我也遇到 video 不能播放 rtmp 流视频 它一直加载
2021-04-27 07:03
2***@qq.com
如已解决此问题 请麻烦您告知一下 网上也没有此问题解决方法 谢谢了
2021-04-27 07:04
2***@qq.com
我是nvue 页面的
vue 页面已经可以做到 推拉流视频 一切正常
2021-04-27 07:06
浙江小牛寻宝
回复 2***@qq.com: vue页面你是使用 plus.video.createLivePusher 一切正常吗，请教一下，我也碰到一样问题，video播放监控四个视频，三个一直在加载
2021-11-16 16:08