1976年贪婪的嘴唇,韩国少妇激三级做爰2023电影,久久久久久精品国产三级涨奶,妖精漫画在线观看免费漫画下拉式

有關HTML5 Video對象的ontimeupdate事件(Chrome上無效)的問題
來源:易賢網 閱讀:1625 次 日期:2016-07-13 14:05:50
溫馨提示:易賢網小編為您整理了“有關HTML5 Video對象的ontimeupdate事件(Chrome上無效)的問題”,方便廣大網友查閱!

日期在做一個視頻播放的頁面,其中用到了HTML5的Video對象,這個是HTML5中新增的一個對象,支持多種不同格式的視頻在線播放,功能比較強大,而且還擴展了許多事件,可以通過JavaScript腳本來對視頻播放進行控制。參考下面兩個鏈接:

http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx

http://www.w3school.com.cn/html5/tag_video.asp

Video對象可以通過ontimeupdate事件來報告當前的播放進度,同時通過該事件還可以根據視頻播放的情況來控制頁面上的其它元素,例如隨著視頻播放的進度來切換章節、顯示額外信息等。下面是一個例子:

代碼如下:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

<title></title>

</head>

<body>

<script type="text/javascript">

function timeUpdate() {

document.getElementById('time').innerHTML = video.currentTime;

}

function durationChange() {

document.getElementById('duration').innerHTML = video.duration;

}

function seekVideo() {

document.getElementById('video').currentTime = document.getElementById('seekText').value;

}

window.onload = function () {

var videoPlayer = document.getElementById("video");

videoPlayer.ontimeupdate = function () { timeUpdate(); };

};

</script>

<div>

<video id="video" controls="controls"

poster="./images/videoground1.png"

src="./videoSource/video1.mp4" width="450px" height="320px"

ondurationchange="durationChange()" />

</div>

<div>Time: <span id="time">0</span> of <span id="duration">0</span> seconds.</div>

<div>

<input type="text" id="seekText" />

<input type="button" id="seekBtn" value="Seek Video" onclick="seekVideo();" />

</div>

</body>

</html>

當然你也可以像在頁面上使用其它元素一樣,給Video對象動態添加屬性或者掛事件,如:

代碼如下:

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

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

代碼如下:

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

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

更多信息請查看網頁制作

扫描二维码关注易贤网公众号

由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼

【备考推荐】2025年事业单位联考系统精讲课,免费试看,配套资料包邮到家

關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
主站蜘蛛池模板: 泰宁县| 衡东县| 盐池县| 邛崃市| 射洪县| 手游| 榆社县| 阿尔山市| 巴彦县| 含山县| 合肥市| 集贤县| 沧州市| 交口县| 西藏| 博湖县| 共和县| 平塘县| 简阳市| 成武县| 密山市| 汶川县| 界首市| 娄烦县| 新龙县| 高唐县| 万荣县| 枣强县| 六盘水市| 星子县| 苏州市| 正定县| 吐鲁番市| 比如县| 湖北省| 乐清市| 黔东| 古蔺县| 珲春市| 井陉县| 吉安县|