脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信小程序video组件播放视频

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

 更新时间：2017年12月08日 10:30:25   作者：FutrueJet  
这篇文章主要介绍了微信小程序使用video组件播放视频功能,结合实例形式分析了video组件播放本地mp4小视频的具体实现技巧,并附带源码供读者下载参考,需要的朋友可以参考下

本文实例讲述了微信小程序使用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

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

您可能感兴趣的文章:

相关文章

  • javascript事件冒泡和事件捕获详解

    javascript事件冒泡和事件捕获详解

    最近在学习javascript中遇到了一些困难，比如冒泡和捕获，很多次被提到，但又不知究竟应用在何处。找到了一些好文章解惑，在这里分享给大家。
    2015-05-05
  • JavaScript滚动条属性scrollTop和scrollHeight

    JavaScript滚动条属性scrollTop和scrollHeight

    在开发中我们常常会用到判断滚动条是否触底的逻辑,我一般都会在网上搜一段代码,这段代码有用到scrollTop、clientHeight、 scrollHeight,这篇文章主要给大家介绍了关于JavaScript滚动条属性scrollTop和scrollHeight的相关资料,需要的朋友可以参考下
    2023-11-11
  • Javascript实现通过选择周数显示开始日和结束日的实现代码

    Javascript实现通过选择周数显示开始日和结束日的实现代码

    这篇文章主要介绍了Javascript实现通过选择周数显示开始日和结束日的实例代码的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
    2016-05-05
  • 利用JS轻松实现获取表单数据

    利用JS轻松实现获取表单数据

    本文主要介绍了利用JS轻松实现获取表单数据。方法有别于原始的做法，大家可以试着找原始做法与本文所说方法之间的区别。有兴趣的朋友可以看下，希望对大家有所帮助
    2016-12-12
  • Javascript中拼接大量字符串的方法

    Javascript中拼接大量字符串的方法

    这篇文章主要介绍了Javascript中拼接大量字符串的方法,本文实现的就是JS语言中的Heredoc语法,需要的朋友可以参考下
    2015-02-02
  • Typescript中interface自动化生成API文档详解

    Typescript中interface自动化生成API文档详解

    ypeScript 的核心原则之一是对值所具有的结构进行类型检查,下面这篇文章主要给大家介绍了关于Typescript中interface自动化生成API文档的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • JS+CSS实现大气的黑色首页导航菜单效果代码

    JS+CSS实现大气的黑色首页导航菜单效果代码

    这篇文章主要介绍了JS+CSS实现大气的黑色首页导航菜单效果代码,涉及JavaScript基于鼠标事件实现页面样式动态切换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 小程序实现日历效果

    小程序实现日历效果

    这篇文章主要为大家详细介绍了小程序实现日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 不同Jquery版本引发的问题解决

    不同Jquery版本引发的问题解决

    用JS实现了一个拖拽排序，可因Jquery版本不同导致浏览器访问时存在很多的问题，下面为大家介绍下具体的解决方法，感兴趣的朋友可以参考下
    2013-10-10
  • JavaScript实现的双向跨域插件分享

    JavaScript实现的双向跨域插件分享

    这篇文章主要介绍了JavaScript实现的双向跨域插件分享,本文实现把整个跨域过程抽象出来,封装成一个JavaScript插件,需要的朋友可以参考下
    2015-01-01

最新评论