当前位置: 首页 > 编程笔记 >

微信小程序使用video组件播放视频功能示例【附源码下载】

姬熙云
2023-03-14
本文向大家介绍微信小程序使用video组件播放视频功能示例【附源码下载】,包括了微信小程序使用video组件播放视频功能示例【附源码下载】的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了微信小程序使用video组件播放视频功能。分享给大家供大家参考,具体如下:

1、效果展示

2、关键代码

① index.wxml


<video src="../../pages/video/movie.mp4" binderror="videoErrorCallback"></video>

② index.js

Page({
 data:{
  // text:"这是一个页面"
 },
 videoErrorCallback: function (e) {
  console.log('视频错误信息:'+e.detail.errMsg);
 }
})

3、源代码点击此处本站下载

关于video组件的详细介绍可参考官网:https://mp.weixin.qq.com/debug/wxadoc/dev/component/video.html

希望本文所述对大家微信小程序开发有所帮助。

 类似资料:
  • 本文向大家介绍微信小程序使用progress组件实现显示进度功能【附源码下载】,包括了微信小程序使用progress组件实现显示进度功能【附源码下载】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了微信小程序使用progress组件实现显示进度功能。分享给大家供大家参考,具体如下: 1、效果展示 2、关键代码 index.wxml progress组件属性说明如下: 感兴趣的朋友可以逐一尝

  • 本文向大家介绍微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例,包括了微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例的使用技巧和注意事项,需要的朋友参考一下 本文介绍了微信小程序的开发,主要包括图片、录音、音频播放、音乐播放、视频、文件,具体如下: 图片: wx.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。 OBJECT参数说明: 注:文

  • 本文向大家介绍微信小程序 video组件详解及实例代码,包括了微信小程序 video组件详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 视频播放组件与图片加载组件也没啥差别,使用起来也没啥注意的 重要属性: wxml js 相关文章: hello WeApp                      icon组件 Window                             tex

  • 本文向大家介绍微信小程序 video组件详解,包括了微信小程序 video组件详解的使用技巧和注意事项,需要的朋友参考一下 主要属性: 效果图: ml: js: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 主要内容:HTML视频(Videos)播放,实例,问题以及解决方法,使用 <embed> 标签,实例,使用 <object> 标签,实例,使用 HTML5 <video> 元素,实例,最好的 HTML 解决方法,HTML 5 + <object> + <embed>,使用超链接,实例,关于内联视频的说明,HTML 多媒体标签在 HTML 中播放视频的方法有很多种。 HTML视频(Videos)播放 实例 <video width="320" height="240" controls> <sou

  • 本文向大家介绍微信小程序实现天气预报功能(附源码),包括了微信小程序实现天气预报功能(附源码)的使用技巧和注意事项,需要的朋友参考一下 前言 最近在学小程序开发,刚好学到天气预报功能的制作,于是给大家分享下。 效果图     天气API获取 这里我用的是和风天气的API,打开官网注册或者登陆你的账号 进入控制台,新建应用 这是刚刚我们创建好的应用,点击添加KEY 选择WebAPI 这注册好我们的A