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

分类：uni-app

bug反馈

产品分类： 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同一页面同时播放两个视频时其中一个播完无法触发播放结束事件，无法继续播放

2024-06-11 18:10 负责人:无分享

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

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

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