首頁 > 微信小程式 > 小程式開發 > 微信小程式開發使用video元件實作播放影片程式碼

微信小程式開發使用video元件實作播放影片程式碼

高洛峰
發布: 2017-03-16 13:52:21
原創
8054 人瀏覽過

相信很多人都有在手機上看影片的習慣,比較看影片更真實更有形象。那麼我們在微信小程式中如何觀看影片呢?這就需要video組件的幫忙了。今天我們就跟大家示範一下,如何用微信小程式元件video播放影片。我們在網路上隨便找了一個簡短的影片來源。 video元件的引用格式如下:

<video src="http://www.w3school.com.cn//i/movie.mp4" binderror="videoErrorCallback"></video>
登入後複製

我們先來看動態效果圖:

微信小程式開發使用video元件實作播放影片程式碼

##主要程式碼有:

{
  "pages":[
    "copyright/copyright",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "使用video组件播放视频",
    "navigationBarTextStyle":"black"
  }
}
登入後複製


以上是微信小程式開發使用video元件實作播放影片程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板