小程序怎么实现视频播放
小程序实现播放视频可以使用微信提供的video组件来实现。
推荐学习:小程序开发
具体实现方法及步骤如下:
1、首先编写video.wxml文件
<view> <video src={{src}} binderror=videoErrorCallback style=width:100%;></video> <button bindtap=bindButtonTap>获取视频</button> </view>
注:通过button可以选取相册视频进行播放。
2、然后编写video.js文件
Page({ /** * 页面的初始数据 */ data: { src: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&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 }) } }) } })
效果图:
编程之家,大量免费thinkphp教程,欢迎在线学习!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。