HTML5 video 恶性事件运用示例

日期:2021-02-25 类型:科技新闻 

关键词:网页设计,移动端网页设计,大一网页设计作业成品,网页编辑软件,网页在线编辑

1、获得视頻時间长度

当视頻加载video后,应用 onloadedmetadata 恶性事件获得视頻的時间长度。

拷贝编码
编码以下:

video.onloadedmetadata = function () {
var vLength = video.duration;
console.log(vLength);
}

2、当今视頻的播发进度

当视頻刚开始播发时,可使用 ontimeupdate 恶性事件获得视頻当今播发的进度。当video目标的 currentTime 特性产生更改时开启 ontimeupdate 恶性事件。currentTime 特性是浮点小数,可取到 12 位数的小多位数。

拷贝编码
编码以下:

video.ontimeupdate = function () {
var vTime = video.currentTime;
console.log(vTime);
};
上一篇:html5应用canvas绘图文本殊效 返回下一篇:没有了