上次已近學(xué)習(xí)了微信開發(fā)的基本頁面,現(xiàn)在繼續(xù)學(xué)習(xí)開發(fā)。這次小編學(xué)了插入輪播和視頻播放,在此進我綿薄之力叨叨一下。
1、插入輪播圖
首先在app.json里添加編寫輪播

我這里添加的是test,play是即將添加的視頻播放。之后回到首頁,即index.wxml里面添加navigator標(biāo)簽,并在標(biāo)簽里添加url屬性用來連接到我們的輪播圖頁面,視頻播放的跳轉(zhuǎn)和輪播一樣。



這是這時候的文件路徑,方面大家更清楚的知道步驟
這樣點擊首頁的“跳轉(zhuǎn)到輪播圖”,就可以跳轉(zhuǎn)到輪播圖頁面了

現(xiàn)在說下輪播圖頁面的編寫

在test.wxml里面編寫,類似于html,代碼如下

2、點擊“跳轉(zhuǎn)到播放影片”,可以跳轉(zhuǎn)到視頻播放。

代碼在play.wxml里面編寫


這是wxss里面的代碼,類似我們熟知的css樣式

大家看到我們在play.wxml里面navigator標(biāo)簽里包著一個圖片,另外設(shè)置了url標(biāo)簽 ,方便我們跳轉(zhuǎn)到視頻播放的頁面,

在這里直接對video設(shè)置url就可以了,但是?。∵@里的地址必須是自己的服務(wù)器,然后將視頻放在自己的服務(wù)器上,因為我的微信賬號是個人的,也沒有自己的服務(wù)器,在此,這個視頻播放不了的。微信里支持的地址需是https開頭的。
別忘了也給video設(shè)置樣式,width:750px或者100%;
