大佬们,感兴趣的调研一下~~~
小程序动态渲染的视频,见面加载后自动播放(未设置自动),画面未播放,时间轴在动.- 当前 Bug 的表现(可附上截图) 页面渲染多的video标签后,视频自动播放(未设置autoplay属性),时间轴在动,但是画面未播放,还是未播放状态. - 预期表现 视频不自动播放 - 复现路径 数据量多的情况下出现上述Bug, Demo中列举了数据模型 ,可增量扩展数据量测试. - 提供一个最简复现 Demo HTML <section v-for="(item,index) of dataArr" :key="index"> <!-- 视频 --> <section v-if="item.type=='video'" class="videoStyleOrder"> <video controls :src="item.content" :poster="item.poster"></video> </section> </section> data() { return { dataArr:[], getNodes:[{ name:'z1', type:'text', content:'123' }, { name:'z1', type:'video', content:'weixin.qq.com/a.mp4' }, { name:'z2', type:'text', content:'123' }, { name:'z1', type:'text', content:'123' }, { name:'z1', type:'video', content:'weixin.qq.com/b.mp4' }, . . . { name:'z1', type:'video', content:'weixin.qq.com/c.mp4' }, ] }; } onLoad(){ let _this = this; let _nodesInit = this.getNodes; _nodesInit.forEach(element => { if (element.name&&element.name=='z1') { _this.dataArr.push({ type:element.type, content:element.content }) } }); }
2018-11-16