小潘杂谈

小程序怎么实现视频播放

字号+ 作者:admin 来源:seo博客 2020-09-17 15:00 我要评论( )

小程序怎么实现视频播放 小程序实现播放视频可以使用微信提供的video组件来实现。 推荐学习:小程序开发 具体实现方法及步骤如下: 1、首先编写video.wxml文件view......

小程序怎么实现视频播放

小程序怎么实现视频播放

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

推荐学习:小程序开发

小程序怎么实现视频播放

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

1、首先编写video.wxml文件<view><video alt="小程序怎么实现视频播放" 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=thiswx.chooseVideo({sourceType:['album','camera'],maxDuration:60,camera:['front','back'],succes:function(res){that.setData({src:res.tempFilePath})}})}})效果图:

小程序怎么实现视频播放

PHP中文网,大量免费thinkphp教程,欢迎在线学习!以上就是小程序怎么实现视频播放的详细内容,更多请关注小潘博客其它相关文章!

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。转载请注明seohttp://www.hkxiaopan.com

网友点评
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片
精彩导读