相信很多人都有在手机上看视频的习惯,比较看视频更真实更形象。那么我们在微信小程序中如何观看视频呢?这就需要video组件的帮忙了。今天我们就给大家演示一下,如何用微信小程序组件video播放视频。我们在网络上随便找了一个简短的视频源。video组件的引用格式如下:

<video src="http://www.w3school.com.cn//i/movie.mp4" binderror="videoErrorCallback"></video>
登录后复制

我们先来看一下动态效果图:

微信小程序开发使用video组件实现播放视频代码-LMLPHP

主要代码有:

{
  "pages":[
    "copyright/copyright",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "使用video组件播放视频",
    "navigationBarTextStyle":"black"
  }
}
登录后复制


以上就是微信小程序开发使用video组件实现播放视频代码的详细内容,更多请关注Work网其它相关文章!

09-10 06:55