### [微信小程序使用video组件播放视频功能示例](https://www.prosaas.cn/article/17653)

**Published:** 2018-05-10T08:56:10

**Author:** 5201314

**Excerpt:** 本文主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的…

本文主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的具体实现技巧,希望能帮助到大家。

**1、效果展示**

![](https://img.php.cn/upload/article/000/054/025/c6a0165eccac62ce0a568ba14521c662-0.gif)

**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);
 }
})

相关推荐：

微信小程序使用audio组件播放音乐功能示例

微信小程序页面跳转功能

微信小程序视频，音乐，图片组件详解

以上就是微信小程序使用video组件播放视频功能示例的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** JS, 微信小程序

**Categories:** 后端开发

---