好看的电视剧,yy玄幻小说排行榜完本,古风名字

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

創(chuàng)新互聯(lián)小程序教程：微信小程序擴(kuò)展組件·視頻滑動(dòng)切換組件

video-swiper

視頻滑動(dòng)切換組件，可實(shí)現(xiàn)類似微視無(wú)限視頻列表效果。

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

使用說(shuō)明

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

屬性列表

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

VideoSwiperItem 屬性列表

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

objectFit 的合法值

屬性	說(shuō)明
contain	包含
fill	填充
cover	覆蓋

easing-function 的合法值

屬性	說(shuō)明
default	默認(rèn)緩動(dòng)函數(shù)
linear	線性動(dòng)畫
easeInCubic	緩入動(dòng)畫
easeOutCubic	緩出動(dòng)畫
easeInOutCubic	緩入緩出動(dòng)畫

網(wǎng)站欄目：創(chuàng)新互聯(lián)小程序教程：微信小程序擴(kuò)展組件·視頻滑動(dòng)切換組件
文章分享：http://m.fisionsoft.com.cn/article/dhogpse.html