日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

video-swiper

視頻滑動切換組件，可實現(xiàn)類似微視無限視頻列表效果。

為樂山等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及樂山網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、樂山網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

使用說明

video-list 的長度應(yīng)當不低于 3 個，當滾動到首項或者尾項后，會進入循環(huán)。通過 setData 更改 video-list，會直接追加到之前的視頻源中?？杀O(jiān)聽 bindchange 事件獲取當前滾動到那一個視頻，activeId 為視頻源的唯一 id。

屬性列表

屬性	類型	默認值	必填	說明
duration	number	500	否	滑動動畫時長
easing-function	string	default	否	切換緩動動畫類型
loop	boolean	true	否	是否循環(huán)播放
video-list	Array VideoSwiperItem	[]	true	視頻源
bindchange	eventhandle	否		滑動切換完成時觸發(fā), e.detail={activeId}
bindplay	eventhandle	否		開始/繼續(xù)播放時觸發(fā), e.detail={activeId}
bindpause	eventhandle	否		暫停播放時觸發(fā), e.detail={activeId}
bindended	eventhandle	否		播放到末尾時觸發(fā), e.detail={activeId}
bindtimeupdate	eventhandle	否		播放進度變化時觸發(fā)，event.detail = {currentTime, duration, activeId}
bindwaiting	eventhandle	否		視頻出現(xiàn)緩沖時觸發(fā), e.detail={activeId}
binderror	eventhandle	否		視頻播放出錯時觸發(fā), e.detail={activeId}
bindprogress	eventhandle	否		加載進度變化時觸發(fā)，只支持一段加載。event.detail={buffered, activeId}
bindloadedmetadata	eventhandle	否		視頻元數(shù)據(jù)加載完成時觸發(fā)。event.detail={width, height, duration, activeId}

VideoSwiperItem 屬性列表

屬性	說明
id	每個視頻源的唯一 id
url	視頻播放地址
objectFit	當視頻大小與 video 容器大小不一致時，視頻的表現(xiàn)形式

objectFit 的合法值

屬性	說明
contain	包含
fill	填充
cover	覆蓋

easing-function 的合法值

屬性	說明
default	默認緩動函數(shù)
linear	線性動畫
easeInCubic	緩入動畫
easeOutCubic	緩出動畫
easeInOutCubic	緩入緩出動畫

新聞標題：創(chuàng)新互聯(lián)小程序教程：微信小程序擴展組件·視頻滑動切換組件
轉(zhuǎn)載來源：http://www.5511xx.com/article/dhogpse.html