小程序怎么实现视频播放

百变鹏仔 1周前 (03-12) #前端问答

文章标签视频播放

小程序怎么实现视频播放

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

推荐学习：小程序开发

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

1、首先编写video.wxml文件

<view>    <video></video>    <button>获取视频</button></view>

注：通过button可以选取相册视频进行播放。

2、然后编写video.js文件

Page({  /**   * 页面的初始数据   */  data: {    src: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&amp;bizid=1023&amp;hy=SH&amp;fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',  },  bindButtonTap:function(){    var that=this    wx.chooseVideo({      sourceType:['album','camera'],      maxDuration:60,      camera:['front','back'],      succes:function(res){        that.setData({          src:res.tempFilePath        })      }    })  }})

效果图：

PHP中文网，大量免费thinkphp教程，欢迎在线学习！

文章推荐

小程序怎么实现视频播放

揭秘：魏则西离去真正的原因（派代网）

拒绝做微商被屏蔽拉黑，方法我有！（派代网）

【派代&amp;生意参谋电商论剑征文大赛】重磅！不看江湖地位，只论技法高下，等你来战！（）

寻洲：微商警戒线，你知道几个？

拒绝做微商被屏蔽拉黑，方法我有！（）

【派代&生意参谋电商论剑征文大赛】重磅！不看江湖地位，只论技法高下，等你来战！（）