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

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

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

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

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