x***@163.com
x***@163.com
  • 发布:2022-09-04 15:30
  • 更新:2022-09-04 22:45
  • 阅读:275

【报Bug】H5 ios video 上下轮播形式 uni.createVideoContext(`video${index}`).play(); 不会自动播放

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.5.3

浏览器平台: Chrome

浏览器版本: 谷歌最新

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://wetaweb.qinjiuwangluo.com/#/?sid=68&id=1243&uid=2980

示例代码:
<swiper vertical class="flex-1" duration="duration" @change="swiperChange" current="swiperIndex" >
<swiper-item v-for="(item, index) in sidList" :key="index">
<video id="video${index}" class="flex-1" src="item.video_url" show-fullscreen-btn="false" object-fit="cover" poster="item.cover" enable-play-gesture
></video>
</swiper-item>
</swiper>

操作步骤:

首先 用swiper vertical 然后放多个video 来回切换不会自动播放

预期结果:

来回切换播放

实际结果:

来回还是要点play

bug描述:

uni.createVideoContext(
video${index}
).play();

2022-09-04 15:30 负责人:无 分享
已邀请:
x***@163.com

x***@163.com (作者)

现在的问题点是 来回切换 video 不会自动播放

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容