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中音频与视频监听器应用的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。