问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理

发布网友 发布时间:2022-11-13 19:16

我来回答

1个回答

热心网友 时间:2024-11-17 23:03

 (1)HTML页面视频标签大体如下

<video id="video"controls="controls">

<source src="./video/2.mp4" type="video/mp4" />

</video>

(2)视频加载后获取视频的长度

varelevideo = document.getElementById("video");

    elevideo.addEventListener('loadedmetadata', function () {//加载数据

        //视频的总长度        console.log(elevideo.ration);

    });

(3)视频开始播放

varelevideo = document.getElementById("video");

    elevideo.addEventListener('play', function () {//播放开始执行的函数

        console.log("开始播放");

    });

(4) 视频正在播放中

varelevideo = document.getElementById("video");

    elevideo.addEventListener('playing', function () {//播放中console.log("播放中");

    });

(5)视频加载中

varelevideo = document.getElementById("video");

    elevideo.addEventListener('waiting', function () {//加载

        console.log("加载中");

    });

(6)视频暂停播放

varelevideo = document.getElementById("video");

    elevideo.addEventListener('pause', function () {//暂停开始执行的函数

        console.log("暂停播放");

    });

(7)视频结束播放

varelevideo = document.getElementById("video");

    elevideo.addEventListener('ended', function () {//结束

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

    }, false);
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
单位高温防护欠缺致员工中暑如何对待 狗狗为什么爱看视频 360浏览器怎么设置倍速播放 ...先讲女主的灵魂飘荡了一段时间,然后重生,请问是那本? 拯救者散热器怎么开 电脑如何一键还原系统电脑一键还原怎么操作 神舟笔记本电脑怎么重新设置神舟战神bios恢复出厂设置 神舟电脑恢复出厂设置神舟战神怎么恢复原厂系统 水泥楼梯如何铺木楼梯 家里面楼梯是水泥的不想铺地毯或者地砖还能铺什么 计算机应用单招能报网络新闻传播吗 人身意外伤害保险一月交两万能保多少 建设南路口站坐快速公交到成都三幼树基福幼儿园 成都树基福幼儿园是公立吗 历代皇帝按时间排列的顺序是什么? 生活不止诗和远方,还有一地鸡毛 80厘米加1米等于几厘米? 看看我适合哪种卷发?懂的快飞来~~· 孙中山的真实身高是1.68米,不是1.58米,中山陵的导游错了。 2013年1月6号到2021年1月6号计几年? 2013年1月到2021年1月是几岁 2013年11月27日——2021年12月15日是多少天? 2021年5月9日减2013年7月11日等于多少? 只有微信名,看不到,我想知道怎么样才能添加好友? 选择一个国家从吃穿住这几个方面众介绍一下这个国家的习俗 我是一个人大四的学生打算去法国留学,一个人去法国留学有什么困难呢... 法国留学费用和其他,,不要粘贴复制的 成语接龙2组 投标方案是投标技术方案吗 牛奶过期能喝嘛?喝了会死人吗? 2018款大众凌渡230多少钱 18款凌渡230风尚版轮毂尺寸多大 18款凌渡230有自适应巡航吗 大众凌渡230轮胎规格,凌渡230换什么轮胎好 大众凌渡230胎压加多少合适 春季吃什么海鲜最好 适合春季食用的海鲜介绍 2016年4月6日沈阳都市频道新闻100秒内容:每年每个月份都更适合吃哪... 酸菜卤肉面的做法 肩颈瑜伽 肩颈运动 海参吃着硬怎么弄? 怎么才能让凹凸世界扭蛋人生,金代码 保罗的体力有多强,年近四旬还能保持这样的出场次数? 保罗可以讲故事的英文? 保罗单核带队都能让雷霆进入季后赛,他的带队能力怎么样? 保罗为什么说食物都可以吃 雅诗兰黛小棕瓶有几个版本?区别是什么? 雅诗兰黛哪款水好用 香港护照是否可以使用澳洲自助通关 香港居民拿签证身份书可以签证去澳洲吗