ew個(gè)video，指定播放列表的第一個(gè)視頻路徑為src，監(jiān)聽(tīng)end事件，回調(diào)里面把video的src改成列表的下一個(gè)，再play 代碼示例var vList = #39視頻地址url1#39， #39url2#39， #39#39 初始化播放列表 var vLen = vList；可以把進(jìn)度信息放在cookie里，下次打開(kāi)瀏覽器，到上傳頁(yè)面以后，從cookie中上次的讀取進(jìn)度信息，上傳時(shí)，讀取上傳文件到上次進(jìn)度位置，繼續(xù)上傳；是html5視頻，全屏播放是這個(gè)播放條不自動(dòng)隱藏，多數(shù)是網(wǎng)站不兼容這個(gè)瀏覽器導(dǎo)致的，只能更換瀏覽器，或等網(wǎng)站更新后兼容 通常google瀏覽器都兼容大多數(shù)html5視頻網(wǎng)站，國(guó)內(nèi)幾個(gè)大視頻網(wǎng)站也兼容；ltaudio src=quotmp3一輩子的孤單mp3quot onplay=quotthiscurrentTime=5quot autoplay controls style=quotwidth 200pxquotltaudio 當(dāng)然這樣寫(xiě)還是有問(wèn)題的，手動(dòng)播放的時(shí)候始終會(huì)從第5秒開(kāi)始，建議你還是寫(xiě)js控制，根據(jù)paused。

可以直接跳到最下方，有更簡(jiǎn)單的方法如果視頻是又html5加載出來(lái)的而非是flash那么就可用如下方法進(jìn)行加速以chrome瀏覽器，b站視頻為例1首先右擊視頻，點(diǎn)擊檢查2找到右邊對(duì)應(yīng)的網(wǎng)頁(yè)源碼當(dāng)中的video3修改標(biāo)簽后的；那是因?yàn)槟悴シ诺囊纛l是后端動(dòng)態(tài)生成的二進(jìn)制文件，而不是源音頻即源文件播放路徑，audio標(biāo)簽的currentTime不會(huì)生效，使用斷點(diǎn)續(xù)傳就可以解決你這個(gè)問(wèn)題；可以通過(guò)修改定時(shí)器的間隔時(shí)間，改小一點(diǎn)，就會(huì)讓進(jìn)度條走得快一點(diǎn)，改大點(diǎn)，就會(huì)走得慢 我們把它改成200 var timer = setInterval#34set_progress#34，200 看下效果；嵌入播放按鈕播放按鈕與flash聯(lián)系起來(lái)就可以了，或者是使用html5的默認(rèn)控制條嵌入播放按鈕的方法進(jìn)度條時(shí)間算法，進(jìn)度像素=當(dāng)前時(shí)間總時(shí)間*總像素舉個(gè)例子進(jìn)度條progressBar1為名稱舉例progressBar1Maximum這里是進(jìn)度；進(jìn)度條是指網(wǎng)絡(luò)上文件上傳下載與瀏覽網(wǎng)頁(yè)的可視化顯示條用HTML5制作，可以簡(jiǎn)練代碼，防止網(wǎng)頁(yè)冗余，下面，就讓我們一起學(xué)習(xí)如何用H5制作一個(gè)即簡(jiǎn)單又美觀的進(jìn)度條吧 先在body標(biāo)簽里面嵌入一個(gè)progress標(biāo)簽，max最大值設(shè)置。

Video對(duì)象可以通過(guò) ontimeupdate 事件來(lái)報(bào)告當(dāng)前的播放進(jìn)度，如果監(jiān)聽(tīng)了這個(gè)事件，視頻每播放一秒都會(huì)執(zhí)行一次該事件video對(duì)象可以通過(guò)獲取 currentTime 屬性值來(lái)得到當(dāng)前播放的時(shí)間var video = documentgetElementById#39video#39；題主的播放界面的進(jìn)度條那部分是不是這種 而不是這種 如果是這樣的話，是因?yàn)榫W(wǎng)頁(yè)用的是HTML5播放器，不知道什么原因這個(gè)播放器就是會(huì)出現(xiàn)這種進(jìn)度條不消失的問(wèn)題此外還存在按空格只能暫停再按卻不能繼續(xù)播放鼠標(biāo)雙擊不；今天在使用video播放本地視頻時(shí)，遇到問(wèn)題，進(jìn)度條能移動(dòng)，有聲音，但是沒(méi)有圖像網(wǎng)上查找了很多資料，各種方法都嘗試了，包括使用videojs插件，也是出現(xiàn)同樣的問(wèn)題，后來(lái)有一篇文章給出了解決方法可以使用格式工廠轉(zhuǎn)換視頻。

我們首先需要新建一個(gè)html5的頁(yè)面，其使用的progress元素實(shí)在html5時(shí)代才出現(xiàn)的我們?cè)谛陆ǖ捻?yè)面中，輸入一個(gè)段落標(biāo)簽，一個(gè)進(jìn)度條，一個(gè)button按鈕然后，我們需要設(shè)置一下進(jìn)度條顯示的進(jìn)度value代表從多少開(kāi)始，max代表到；然后無(wú)非就是做一個(gè)可以拖動(dòng)的滾動(dòng)條拖動(dòng)到某個(gè)部位之后，算一下處于那段視頻中間把那段視頻對(duì)應(yīng)的video顯示出來(lái)，并把currentTime設(shè)置到相應(yīng)的時(shí)間，然后play播放時(shí)通過(guò)監(jiān)聽(tīng)timeupdate事件來(lái)更新進(jìn)度條的位置通過(guò)監(jiān)聽(tīng)；你是自己寫(xiě)程序還是看視頻網(wǎng)站的視頻沒(méi)法拖動(dòng)，如果是HTML5的話，video標(biāo)簽里加controls=quotcontrolsquot ，看的視頻網(wǎng)站的話，可以試試換個(gè)別的瀏覽器IE瀏覽器版本升級(jí)高點(diǎn)，低版本的很多東西不支持火狐，或者Chrome也試試。

progress元素屬于HTML5家族，指進(jìn)度條IE10+以及其他靠譜瀏覽器都支持這個(gè)默認(rèn)的效果，不同瀏覽器下的效果不盡相同，如下截圖們window 7下IE10顆粒的緩動(dòng)聚散效果，還是挺讓人眼前一亮的；可以用html5實(shí)現(xiàn)，也可以做成gif的圖片，你只需要設(shè)置為和你程序設(shè)置一樣的時(shí)間然后進(jìn)度條自動(dòng)結(jié)束就好了用圖片是最好實(shí)現(xiàn)，用ps軟件就可以制作這個(gè)的實(shí)現(xiàn)，有很多中方法，簡(jiǎn)單的，是使用 DIV 嵌套，例如ltdiv style=。