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

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

高洛峰
高洛峰原創
2017-03-16 13:52:218073瀏覽

相信很多人都有在手機上看影片的習慣,比較看影片更真實更有形象。那麼我們在微信小程式中如何觀看影片呢?這就需要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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn