微信小程序開發(fā)入門(2)

上次已近學(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%;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容