前言

商品詳情目前只有圖片輪播，需要實現第一個是視頻，其他是圖片，點擊視頻可以全屏播放

效果圖

實現思路

1使用swiper組件實現圖片+視頻輪播

2 如果商品有介紹視頻，就在圖片中間添加個自定義播放按鈕（video自帶的播放按鈕不是很好看）

3 點擊自定義播放按鈕就可以實現播放功能了

4 播放中，再次點擊視頻全屏播放（寫個全屏播放組件）

源碼

源碼鏈接

作者相關文章

反編譯獲取任何微信小程序源碼——看這篇就夠了

零成本，零基礎搭建獲利的影視小程序

國慶,新年，節日頭像小程序(可加入流量主，賺取零花錢)

總結

以上是生活随笔為你收集整理的uniapp带视频和图片的轮播swiper（带全屏播放附源码）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。