html5中音频与视频监听器应用的示例分析
这篇文章将为大家详细讲解有关html5中音频与视频监听器应用的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联公司于2013年开始，先为平泉等服务建站，平泉等地企业，进行企业商务咨询服务。为平泉企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
一 介绍
1、
2、本应用实现
3、通过ontimeupdate事件绑定监听器可以实时监控音频、视频的播放位置。
二 代码
视频播放
视频播放
您的浏览器不支持video元素
秒
var bn = document.getElementById("bn");
var mv = document.getElementById("mv");
var detail = document.getElementById("detail");
// 为video元素的ontimeupdate事件绑定监听器
mv.ontimeupdate = function()
{
detail.innerHTML = mv.currentTime + "/"
+ mv.duration;
};
bn.onclick = function()
{
if(mv.paused)
{
mv.play();
bn.value = "暂停";
}
else
{
mv.pause();
bn.value = "播放";
}
}
三 运行结果
关于“html5中音频与视频监听器应用的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
网页名称：html5中音频与视频监听器应用的示例分析
文章地址：
http://kswjz.com/article/gseegs.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
