首先定義一個(gè)播放列表，其中包括多個(gè)視頻地址var vList = #39視頻地址url1#39， #39url2#39， #39#39接著獲取播放列表的長度var vLen = vListlength設(shè)置當(dāng)前播放視頻的索引var curr = 0創(chuàng)建一個(gè)video對(duì)象var video = new Video為video元素添加end事件監(jiān)聽器，當(dāng)視頻播放結(jié)束時(shí)觸發(fā)play。

1 在網(wǎng)頁上搜索嗶哩嗶哩彈幕網(wǎng)，進(jìn)入官網(wǎng)頁面2 在嗶哩嗶哩彈幕網(wǎng)主頁面，隨便選擇一個(gè)視頻點(diǎn)進(jìn)去，也可以選擇找自己要看的視頻要點(diǎn)視頻項(xiàng)進(jìn)去，不然不會(huì)有HTML5播放器修改3 點(diǎn)開視頻之后，尋找到在視頻的左上角豎著三個(gè)點(diǎn)點(diǎn)的圖標(biāo)的地方，這個(gè)圖標(biāo)在推薦視頻欄上面，點(diǎn)擊其設(shè)置4 點(diǎn)擊三。

在HTML5頁面中實(shí)現(xiàn)視頻自動(dòng)播放，只需在video標(biāo)簽中添加quotautoplayquot屬性示例代碼如下代碼將自動(dòng)播放quotvideomp4quot文件，無需用戶手動(dòng)點(diǎn)擊播放按鈕確保自動(dòng)播放功能正常運(yùn)行時(shí)需考慮以下最佳實(shí)踐1 添加控件，確保用戶能選擇播放暫?；蛲Ｖ? 使用quotmutedquot屬性，確保視頻靜音時(shí)可以自動(dòng)播放，避免自動(dòng)。

HTML5是下一代的HTML，提供了展示視頻的標(biāo)準(zhǔn)，規(guī)定了一種通過video元素來包含視頻的標(biāo)準(zhǔn)方法Video有以下的屬性autoplay autoplay 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕height pixels 設(shè)置視頻播放器的高度loop loop。

從而實(shí)現(xiàn)兼容多個(gè)瀏覽器的視頻播放功能注html5的video標(biāo)簽?zāi)壳爸恢С植シ舖p4oggwebm等幾種格式的視頻文件，暫不支持其他格式的視頻文件此外，不同的html5瀏覽器支持的視頻文件格式也略有不同，這種狀況可能會(huì)在未來的html5中得以改善HTML。

點(diǎn)擊按鈕后，可以通過修改HTML5視頻元素的source標(biāo)簽的src屬性來播放指定視頻具體實(shí)現(xiàn)方法是，首先通過JavaScript獲取到需要更改的video元素，然后利用元素的source子元素，最后設(shè)置其src屬性為所需的視頻文件路徑為了更好地理解這個(gè)過程，我們可以舉一個(gè)例子假設(shè)我們有一個(gè)包含多個(gè)視頻文件的列表，每個(gè)視頻。