关于小程序中实现视频播放的操作方式探讨

why 260 2024-07-24

小程序怎么实现视频播放

小程序怎么实现视频播放

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


image.png

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

1、首先编写video.wxml文件

1

2

3

4

<view>

    <video src="{{src}}" binderror="videoErrorCallback" style="width:100%;"></video>

    <button bindtap="bindButtonTap">获取视频</button>

</view>

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

2、然后编写video.js文件

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

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

        })

      }

    })

  }

})

效果图:

image.png



版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:有关小程序申请审核流程的全面解析
下一篇:有关公众号申请小程序是否收费的详细说明
相关文章

 发表评论

暂时没有评论,来抢沙发吧~