小程序怎么实现视频播放

小程序怎么实现视频播放

小程序实现播放视频可以使用微信提供的video组件来实现。

推荐学习：小程序开发

具体实现方法及步骤如下：

1、首先编写video.wxml文件

 view 
 video src= {{src}} binderror= videoErrorCallback >
注：通过button可以选取相册视频进行播放。
2、然后编写video.js文件
Page({
 * 页面的初始数据
 data: {
 src: #39;http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400 bizid=1023 hy=SH fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400 #39;,
 bindButtonTap:function(){
 var that=this
 wx.chooseVideo({
 sourceType:[ #39;album #39;, #39;camera #39;],
 maxDuration:60,
 camera:[ #39;front #39;, #39;back #39;],
 succes:function(res){
 that.setData({
 src:res.tempFilePath
})
效果图：

PHP中文网，大量免费thinkphp教程，欢迎在线学习！
以上就是小程序怎么实现视频播放的详细内容，更多请关注php中文网其它相关文章！
 
  
 最佳 Windows 性能的顶级免费优化软件
 
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。