福宝的宝宝
福宝的宝宝
  • 发布:2024-06-11 18:10
  • 更新:2024-06-12 09:49
  • 阅读:56

【报Bug】ios同一页面无法同时循环播放多个视频

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: iOS

手机系统版本号: iOS 17

手机厂商: 苹果

手机机型: iPhone 13

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:
<template> <view> <video ref="myvideo" title="测试视频" id="myvideo" src="sUrl" loop="true" autoplay="true" @ended="videoEnded" :controls="false" />
<video ref="hervideo" id="hervideo" title="测试视频" src="vUrl" loop="true" autoplay="true" controls="false" @ended="videoEnded1"
/>
</view>
</template>

<script>
export default {
data() {
return {
list: [{
"createDate": "2024-06-06 13:59:58",
"creator": "1788175532230811649",
"id": "f46fd1696724b8f589772507203722e1",
"url": "/static/video/20240611151728.mp4"
},
{
"createDate": "2024-06-06 13:59:56",
"creator": "1788175532230811649",
"id": "dcf456128ba60a4984ebcbeea1d028ad",
"url": "/static/video/20240611151744.mp4"
},
{
"createDate": "2024-06-06 13:59:56",
"creator": "1788175532230811649",
"id": "dcf456128ba60a4984ebcb7891d028ad",
"url": "/static/video/20240611152317.mp4"
}
],
index:1,
index1:0,
vUrl:null,
sUrl:null
}
},
onLoad() {
this.vUrl = this.list[this.index1].url
this.sUrl = this.list[this.index].url
},
methods: {
videoEnded(){
console.log('视频1播放结束=============')
if(this.index==1){
this.index=2
} else {
this.index=1
}
this.sUrl = this.list[this.index].url
},
videoEnded1(){
console.log('视频2播放结束=============')
if(this.index1==0){
this.index1 = 1
} else {
this.index1 = 0
}
this.vUrl = this.list[this.index1].url
}
}
}
</script>

<style scoped>

</style>

预期结果:

ios在同一页面可以循环播放多个视频

实际结果:

ios在同一页面不可以播放多个视频

bug描述:

ios同一页面同时播放两个视频时其中一个播完无法触发播放结束事件,无法继续播放

2024-06-11 18:10 负责人:无 分享
已邀请:
piaoyi_UI

piaoyi_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

把循环播放取消看看能不能出发结束事件

  • 福宝的宝宝 (作者)

    单个视频是没问题的,两个视频同时播总会有一个不会触发

    2024-06-12 14:32

要回复问题请先登录注册