JS video视频标签的相关操作

JavaScript06

JS video视频标签的相关操作,第1张

elevideo.addEventListener('loadedmetadata', function () { 

    //加载数据//视频的总长度console.log(elevideo.duration) 

 })

elevideo.addEventListener('play', function () { 

    //播放开始执行的函数console.log("开始播放") 

 })

elevideo.addEventListener('playing', function () { 

    //播放中 console.log("播放中")

})

elevideo.addEventListener('waiting', function () {

     //加载console.log("加载中") 

 })

elevideo.addEventListener('pause', function () {

     //暂停开始执行的函数console.log("暂停播放") 

 })

elevideo.addEventListener('ended', function(){

     //结束console.log("播放结束") 

 }, false)

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

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

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

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

JS格式根本不是视频,

JS是Javascript脚本语言的文件后缀,是一种运行于客户端的脚本语言。主要用于网站开发,所以我估计楼主的判断的错误的,不过楼主可以尝试将文件后缀改为wmv,然后用暴风影音打开这个文件,只要是一般的视频文件一般就可以打开,如果打不开的话基本可以判断为这根本就不是一个视频!