비디오 애플릿

1. 표지가 기본적으로 표시됩니다.

2. 한 동영상이 재생 중일 때 다른 동영상은 재생을 중지하고 표지를 표시합니다.

1. wx 를 통해 현재 비디오가 재생 중인지 확인: 그렇다면 비디오를 표시하고 그렇지 않으면 비디오를 숨깁니다.

2. 표지를 클릭하면 비디오의 id 를 받고 판단할 수 있다. 현재 비디오 재생이 없는 경우 비디오 재생을 설정할 수 있습니다. 비디오가 현재 재생 중인 경우 현재 재생 중인 비디오를 중지하고 클릭한 비디오를 재생합니다.

& ltview class="video_body ">

& ltview wx: for = "{{courselist}}" wx: for-item = "course" class =' course-pannle-

& ltviewclass =' video-item' >

& lt video class = "video" wx: if =' {{idx = = playindex}}' id =' video {{idx}}' auud Show-center-play-BTN = "{{false}}" src =' {{course.video URL}}' controls = " & lt/비디오 >

& lt imageclass =' video-cover video' wx: if =' {{idx! = playindex}}' mode =' widthfix' src =' {{course.coverurl}}' > & lt/image & gt；;

& lt imageclass =' video-play-BTN' wx: if =' {{idx! = playindex}}' mode =' widthfix' data-index =' {{idx}}' bindtap =' videoplay' src = & lt/image & gt；;

& lt! -< Text wx:if='{{idx! = playindex}}' class =' video-duration fs-28' >

& lt/text & gt；; ->

& lt/뷰 >

데이터: {

PlayIndex: null,//현재 재생 중인 비디오의 인덱스 값을 기록하는 데 사용됩니다.

강좌 목록: [

-응? {

동영상 웹사이트:'-장자커우. aliyuncs.com/132a0041990de1de6379a56987b ..

표지 주소:' /images/home/ 1.png',//비디오 표지 사진.

길이:' 03:00' // 비디오 길이

-응? },

-응? {

비디오 URL:'-장자커우 .aliyuncs.com/BDD FBA 680554409e47aeb 653ec 5d58af.mp4' ，

Cover URL: "/images/home/2.png",

기간: 04:45

-응? }

] 을 참조하십시오

-응? },

비디오 재생: 기능 (e) {

-응? Var curidx = e. currenttarget.dataset.index;

-응? //재생되지 않을 때 비디오를 재생합니다.

만약 (! This. data. playing index){

-응? This.setData({

PlayIndex: curIdx

});

Var video context = wx.createvideocontext ('video'+curidx); //여기에 해당하는 비디오 id

-응? Videocontext.play ();

} 그렇지 않으면 {

//현재 클릭의 현재를 재생하기 전에 prev 를 일시 중지합니다.

-응? Var videocontextprev = wx.createvideocontext ('video'+this.data.playindex);

If (this.data.playIndex! = curIdx) {

Videocontextprev.pause ();

}

This.setData({

-응? PlayIndex: curIdx

-응? });

Var videocontextcurrent = wx.createvideocontext ('video'+curidx);

Videocontextcurrent.play ();

-응? }