久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      HTML5的音頻和視頻監(jiān)聽器的應(yīng)用代碼詳解

      一 介紹

      1、<audio>和<video>元素有不少監(jiān)聽事件,因此可以綁定這些事件的監(jiān)聽器。

      2、本應(yīng)用實(shí)現(xiàn)<video>的ontimeupdate事件的監(jiān)聽器。

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

      二 代碼

      <!DOCTYPE html>  <html>  <head>  	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />  	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />  	<title> 視頻播放 </title>  </head>  <body>  <h2> 視頻播放 </h2>  <video id="mv" src="movie.webm" loop>  您的瀏覽器不支持video元素  </video><br/>  <input id="bn" type="button" value="播放"/><span id="detail"></span>秒  <script type="text/javascript">  	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 = "播放";  		}  	}  </script>  </body>  </html>

      三 運(yùn)行結(jié)果

      HTML5的音頻和視頻監(jiān)聽器的應(yīng)用代碼詳解

      贊(0)
      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)