微信小程序的video列表，实现同一时间只能播放一个视频及iOS进行video列表渲染时，无法播放问题

92huahua

于 2020-10-19 21:14:53 发布

阅读量1.7k

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/Cinderellahh92/article/details/109169297

版权

wxml
<view class="page-box">
    <scroll-view scroll-y="true" class='infoWord' style="height:calc(100% - {
  {statusBarHeight}}px - 88rpx - 32rpx); ">
        <view class='video-box' wx:for='{
  {videoData}}' wx:key='index'>
	    <view class='title'>{
  {item.title}}</view>
            //custom-cache="{
  {false}}" 解决iOS兼容问题，列表在加载时部分无法播放
	    <video id="myVideo" custom-cache="{
  {false}}" src="{
  {urlImg + item.videoSrc}}" binderror="videoErrorCallback" bindplay='playVideo' show-center-play-btn='{
  {false}}' show-play-btn="{
  {true}}" controls picture-in-picture-mode="{
  {['push', 'pop']}}" bindenterpictureinpicture='bindVideoEnterPictureInPicture' bindle

最低0.47元/天解锁文章