video标签结合 v-for 指令的使用，导致布局异常

[wangkaiChen1118]

问题描述 video标签配合 v-for 指令列表渲染 视频 ，在ios真机上的布局异常的bug

复现步骤 1，以下是标签结合 v-for 指令的使用

2，以下是 trailers 数组中每个 item 对象 { "name": "Patricia Perez", "id": 5012, "video": "https://webstatic.bh3.com/video/bh3.com/pv/2.9pv.mp4", "poster": "https://static-event.benghuai.com/bh3_homepage/images/pic/picture/39.png" }

3， 在 chrome的 h5页面上显示正常 在 微信小程序上显示正常 在 ios 真机调试上的效果

系统信息:

• 发行平台: ios
• 操作系统 ios 13.1.3
• HBuilderX版本 2.3.7.20191024
• uni-app版本 uni-app 是hbuilderX 创建的项目，是最新的版本
• 设备信息 iponeX iphone6plus

补充信息 可以确定不是样式导致的bug，但是其他方面排查不出来， iponeX 和 iphone6plus 上都测试过，都有这个bug， 另外 安卓的真机调试也测了，三星s8+，无此bug

[Wangyaqi]

写上playsinline试试

[wangkaiChen1118]

写上playsinline试试

请问是 display:inline 吗

[Wangyaqi]

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video 在这个文章内找

[wangkaiChen1118]

写上playsinline试试

[Wangyaqi]

webkit-playsinline也写上看看，还不行可以把项目精简之后发上来我们看一下

[wangkaiChen1118]

webkit-playsinline也写上看看，还不行可以把项目精简之后发上来我们看一下

super-hero.zip

[wangkaiChen1118]

webkit-playsinline也写上看看，还不行可以把项目精简之后发上来我们看一下

super-hero.zip

另外，如果不适用 v-for 指令， 这个地方直接 cv 放四个视频，是没有这个bug 的

[wangkaiChen1118]

webkit-playsinline也写上看看，还不行可以把项目精简之后发上来我们看一下

super-hero.zip

另外，如果不适用 v-for 指令， 这个地方直接 cv 放四个视频，是没有这个bug 的

还有就是，我用同样的结构代码，放在第二个 tab 页面中，也无此bug，可以多 c v 几次

[wangkaiChen1118]

webkit-playsinline也写上看看，还不行可以把项目精简之后发上来我们看一下

我代码都没动过，这又变好了？？ 我昨天测试了很多遍，都不行，手机重启也不行，今天早上打开也不行，刚才重新打开，突然又变好了，我晕了

[wangkaiChen1118]

webkit-playsinline也写上看看，还不行可以把项目精简之后发上来我们看一下

我代码都没动过，这又变好了？？ 我昨天测试了很多遍，都不行，手机重启也不行，今天早上打开也不行，刚才重新打开，突然又变好了，我晕了

果然，多测试几次，又不行了

[Wangyaqi]

嗯，我们正在排查是什么问题

[wangkaiChen1118]

嗯，我们正在排查是什么问题

辛苦

[Wangyaqi]

给super hero那块的scroll-view写上高度

[wangkaiChen1118]

给super hero那块的scroll-view写上高度

这段时间在写其他东西，感谢感谢!!!

[hbcui1984]

issue长时间未响应，暂时关闭，如果问题复现或有更详细资料后可再次开启