tvp.player.js 怎么获取多个vid

var v=documentgetElementsByName('sel') var j=0 for (var i=0;i<vlength;i++){ if(vitem(i)checked){ j++ } } if(j<1){ alert(" 一个位选中") }

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

在video标签中加入该方法

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

由于项目中的视频返回格式是m3u8，于是选择较为成熟的videojs，这里先贴上官网文档地址 >

在JS中获取video标签，并监听它的loadeddata事件。

loadeddata是指当媒体当前播放位置的帧完成加载时触发该事件，通常是第一帧。

在监听 loadeddata 中指定事件触发时执行的函数，我们的实现截取第一帧就在这里面编写。

首先定义创建一个 canvas 标签；其次指定 canvas 标签的宽高；最后调用canvas元素中的getContext方法。

一款基于 vuejs 的轻量级的视频播放器插件插件

NPM

或者使用 yarn

默认英语，你如果想成中文就加一个 lang

en: 英语

zh-CN: 简体中文

jp: 日本

Use custom language data

外部路径：

非常简单！就是直接上！

本地路径：

不能直接 /assets/1mp4 ，无效的。需要使用 require("")

组件保持了和原生 HTML Video 属性配置的对接

案例

VueCoreVideoPlayer 遵循 W3C 标准的媒体事件 API ,你可以前往 MDN 获取这些细节，下面罗列一些非常常用的事件：

原文地址：vue-core-video-player-基于vuejs的视频播放器组件 - Iron_Man-super - 博客园

以上就是关于tvp.player.js 怎么获取多个vid全部的内容，包括:tvp.player.js 怎么获取多个vid、微信小程序获取video视频的时长、vue使用videoJS播放m3u8视频等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！