這篇文章將為大家詳細講解有關html5中音頻與視頻監(jiān)聽器應用的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司于2013年開始，先為平泉等服務建站，平泉等地企業(yè)，進行企業(yè)商務咨詢服務。為平泉企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

一 介紹

1、

2、本應用實現(xiàn)

3、通過ontimeupdate事件綁定監(jiān)聽器可以實時監(jiān)控音頻、視頻的播放位置。

二 代碼

	
	
	


 視頻播放 

您的瀏覽器不支持video元素


秒

	var bn = document.getElementById("bn");
	var mv = document.getElementById("mv");
	var detail = document.getElementById("detail");
	// 為video元素的ontimeupdate事件綁定監(jiān)聽器
	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中音頻與視頻監(jiān)聽器應用的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。