微信小程序获取video视频的时长

Posted 2023-04-04

参考技术A 我们在微信小程序业务当中，经常会用嵌入视频到我们的页面当中去。我们可以通过微信小程序video自带的bindloadedmetadata事件去获取视频的一些信息。

在video标签中加入该方法

然后我们在JS文件中添加该方法

如何使用微信小程序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/