如何使用微信小程序video组件播放视频

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用微信小程序video组件播放视频相关的知识,希望对你有一定的参考价值。

相信很多人都有在手机上看视频的习惯,比较看视频更真实更形象。那么我们在微信小程序中如何观看视频呢?这就需要video组件的帮忙了。今天我们就给大家演示一下,如何用微信小程序组件video播放视频。我们在网络上随便找了一个简短的视频源。video组件的引用格式如下:

[AppleScript] 纯文本查看 复制代码
1
<video src="http://www.w3school.com.cn//i/movie.mp4" binderror="videoErrorCallback"></video>



我们先来看一下动态效果图:
<ignore_js_op>技术分享 


主要代码有:

[AppleScript] 纯文本查看 复制代码
01
02
03
04
05
06
07
08
09
10
11
12
13
{
  "pages":[
    "copyright/copyright",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "使用video组件播放视频",
    "navigationBarTextStyle":"black"
  }
}



源码下载地址:http://bbs.html51.com/t-1049-1-1/









以上是关于如何使用微信小程序video组件播放视频的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序一个页面多个视频(video组件),限制一个播放,其它暂停

微信小程序一个页面多个视频(video组件),限制一个播放,其它暂停

微信小程序中的视频播放问题

uniapp微信小程序video视频监听播放时间

微信小程序 video 视频 组件

微信小程序--video组件实现视频弹幕功能