zoukankan      html  css  js  c++  java
  • 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]。

  • 相关阅读:
    Python服务Debian打包新思路
    小议Python3的原生协程机制
    推送公司今日菜单内容到手机
    Python包管理工具小结
    PAT 1068. 万绿丛中一点红
    PAT 1067. 试密码
    PAT 1066. 图像过滤
    PAT 1065. 单身狗
    PAT 1064. 朋友数
    PAT 1063. 计算谱半径
  • 原文地址:https://www.cnblogs.com/s313139232/p/8358365.html
Copyright © 2011-2022 走看看