微信小程序 swiper和video的autoplay設置沖突問題


之前微信小程序首頁輪播是圖片+視頻的方式,自動輪播,視頻不播放,昨天要改成不自動輪播,視頻放首頁自動播放,然后設置之后發現不起作用,會自動輪播+播放視頻。

 <swiper indicator-color="rgba(255,255,255,.66)" indicator-active-color="#0CC187" autoplay="{{false}}" interval="4000" duration="1000" circular="false" class="tac" style="height: 422rpx;">
            <block wx:for="{{haibao}}" wx:key="key">
                <swiper-item>
                    <video style="width: 100%;height: 422rpx;" id="img" controls="false" autoplay="{{true}}"  bindplay="videos" bindpause="videos"  src='/aa.mp4'></video>
                </swiper-item>
                <swiper-item>
                    <navigator wx:if="{{item.img}}" >
                        <image src="{{item.img}}" class="img" mode="aspectFill" style="height: 422rpx;"></image>
                    </navigator>
                    <image wx:else src="{{item.img}}" class="img" mode="aspectFill" style="height: 422rpx;"></image>
                </swiper-item>
            </block>
        </swiper>

怎么也沒定位到原因,最后百度發現是說video 標簽的優先級最高,可能是video的autoplay覆蓋掉了swiper的autoplay,這就很尷尬了,不能自動設置,最后沒辦法swiper不設置autoplay,因為默認的就是false,如果有誰還有好的解決方法請指點一下,因為能力文字只能找到解決方案沒法找到具體問題根源


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM