javascript创建节点的事件绑定

javascript创建节点的事件绑定

 

timeupdate事件是<video>中用来返回视频播放进度的事件，绑定在<video>标签返回视频播放位置（每秒计）。

现video标签需要直接在js中创建出来，

 video = document.createElement( 'video' );

无法直接绑定timeupdate事件。

 

解决方法：

1.直接调用  ontimeupdate

video = document.createElement( 'video' );

video.ontimeupdate= function() { //实时更新播放进度条和时间

                    var currentPos = video.currentTime; //Get currenttime    //当前时间
                    var maxduration = video.duration; //Get video duration   //总时间
　　　　　　　　　　　　}

2.<video>标签和video对象互转

video = document.createElement( 'video' );
var videos = $(video);
 video.on("timeupdate", function() {           //实时更新播放进度条和时间
                    var currentPos = video[0].currentTime; //Get currenttime    //当前时间
                    var maxduration = video[0].duration; //Get video duration   //总时间
　　　　　　　　　　　　}

 

 

附：<video>标签和video对象的区别

将html中的<video>标签在控制台打印后结果为：

用javascript中   video = document.createElement( 'video' );    创建一个video对象打印出来为：

video对象就等于<video>标签对象中的video[0]。