上次已近學(xué)習(xí)了微信開(kāi)發(fā)的基本頁(yè)面顷啼,現(xiàn)在繼續(xù)學(xué)習(xí)開(kāi)發(fā)贷掖。這次小編學(xué)了插入輪播和視頻播放藕夫,在此進(jìn)我綿薄之力叨叨一下下硕。
1、插入輪播圖
首先在app.json里添加編寫(xiě)輪播
我這里添加的是test汁胆,play是即將添加的視頻播放梭姓。之后回到首頁(yè),即index.wxml里面添加navigator標(biāo)簽嫩码,并在標(biāo)簽里添加url屬性用來(lái)連接到我們的輪播圖頁(yè)面誉尖,視頻播放的跳轉(zhuǎn)和輪播一樣。
這樣點(diǎn)擊首頁(yè)的“跳轉(zhuǎn)到輪播圖”铡恕,就可以跳轉(zhuǎn)到輪播圖頁(yè)面了
現(xiàn)在說(shuō)下輪播圖頁(yè)面的編寫(xiě)
在test.wxml里面編寫(xiě),類似于html丢间,代碼如下
2探熔、點(diǎn)擊“跳轉(zhuǎn)到播放影片”,可以跳轉(zhuǎn)到視頻播放烘挫。
代碼在play.wxml里面編寫(xiě)
這是wxss里面的代碼诀艰,類似我們熟知的css樣式
大家看到我們?cè)趐lay.wxml里面navigator標(biāo)簽里包著一個(gè)圖片,另外設(shè)置了url標(biāo)簽 饮六,方便我們跳轉(zhuǎn)到視頻播放的頁(yè)面其垄,
在這里直接對(duì)video設(shè)置url就可以了,但是B遍稀绿满!這里的地址必須是自己的服務(wù)器,然后將視頻放在自己的服務(wù)器上窟扑,因?yàn)槲业奈⑿刨~號(hào)是個(gè)人的喇颁,也沒(méi)有自己的服務(wù)器漏健,在此,這個(gè)視頻播放不了的橘霎。微信里支持的地址需是https開(kāi)頭的蔫浆。
別忘了也給video設(shè)置樣式,width:750px或者100%茎毁;