如何處理HTML5Video對象Chrome上無效的問題

這期內容當中小編將會給大家?guī)碛嘘P如何處理HTML5 Video對象的Chrome上無效問題 ，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網綜合服務，包含不限于網站建設、成都網站制作、漣源網絡推廣、微信平臺小程序開發(fā)、漣源網絡營銷、漣源企業(yè)策劃、漣源品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供漣源建站搭建服務，24小時服務熱線：18982081108，官方網址：www.cdcxhl.com

日期在做一個視頻播放的頁面，其中用到了HTML5的Video對象，這個是HTML5中新增的一個對象，支持多種不同格式的視頻在線播放，功能比較強大，而且還擴展了許多事件，可以通過JavaScript腳本來對視頻播放進行控制。
Video對象可以通過ontimeupdate事件來報告當前的播放進度，同時通過該事件還可以根據視頻播放的情況來控制頁面上的其它元素，例如隨著視頻播放的進度來切換章節(jié)、顯示額外信息等。下面是一個例子：

代碼如下:

 
 
 
 
 
 
 
 
 
 
 
Time: 0 of 0 seconds.
 
 
 
 
 
 

當然你也可以像在頁面上使用其它元素一樣，給Video對象動態(tài)添加屬性或者掛事件，如：

代碼如下:

video.ontimeupdate = function () { getCurrentVideoPosition(); };

不過上面這行代碼貌似在Chrome上無效，可以使用addEventListener來代替它：

代碼如下:

videoPlayer.addEventListener("timeupdate", function () { getCurrentVideoPosition(); }, false);

不知道是什么原因在Chrome上不能直接將ontimeupdate事件掛在Video元素上，而必須通過addEventListener方法來添加事件。不過addEventListener也兼容IE和Firefox瀏覽器，所以應該是通過的。

上述就是小編為大家分享的如何處理HTML5 Video對象的Chrome上無效問題 了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網頁名稱：如何處理HTML5Video對象Chrome上無效的問題
標題網址：http://m.jiaotiyi.com/article/gsjcse.html