初始化：<video id="vd" src="視頻地址"></video>
var v = document.getElementById('vd');
v.addEventListner('視頻事件'， function(){
//合適的時機 切換視頻的src
})
video有很多事件，比如播放事件、結束事件；你可以在合適的事件中切換src達到播放多個視頻的效果！
如果我的回答能幫助你，請關注一波！
1、新建一個txt文檔，將文檔修改為“demo.html”的html文件，如下圖所示。
2、用Sublime編輯器將html文件打開，完善html5標準化代碼，如下圖所示。
3、在body標簽內，編寫一套ul li無序列表標簽，代碼如下圖所示。
4、用瀏覽器打開html頁面，可以看到li標簽默認情況是豎排顯示（li為塊級元素），如下圖所示。
5、我們可以通過為ul標簽下所有li標簽設定樣式“display: inline-block”的方式，讓多個li標簽橫排顯示。
6、刷新界面后，可以發現li標簽變成橫排顯示。
Html和css都是前端必須掌握的技術知識，也是很多編程入門課程。
既然是入門必學，從我理解開始，它們學起來相對簡單，容易上手。
既然必須掌握，那么它們的重要性不言而喻，尤其對前端童鞋們來說。
我一個搞后端的，我當時就是從html學起，學完后緊接著就是css。
Html是超文本標記語言，它有一系列的html標簽或者說指令。通過這些指令將一些文字，圖片，視頻，超鏈接啊等資源進行整合通過瀏覽器渲染出來。
Html更像是蓋房子的骨架。像什么鋼筋水泥，混凝土，磚頭等可以理解為它的標簽。
其實我覺得當初發明這種語言的應該是類比人來說的吧。
Html的結構有head title script style body footer等組成。
下面是它的大致結構。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
</head>
<body>
</body>
</html>
這些基本上就是一個空殼子，就跟房子的骨架一樣。我們大多都是往它的body里面添加內容，瀏覽器上看到的文本，圖片，視頻大多數都是body的東西。標題和網頁的圖標是在瀏覽器的選項卡那能看到。
而css就是用來給房子裝修，或者說我們人化妝穿衣打扮。目的就一個，讓html更好看一些。吸引用戶的眼球。但是它只能讓html穿上衣服，就跟畫畫上色一樣，都是靜態的。
如果讓美美的外衣動起來，畫出的內容更加炫酷。就用到了JavaScript，也就是js。
切不可把js和Java混淆了。
css，js都是為html服務的。前者使它文靜的美，后者讓它動感的炫！
說了這么多，到底怎么學？
看視頻看不懂？
對于初學者來說，看視頻肯定學不會或者說學不好的。
為什么？
因為這些html和css標簽都讓你看的眼花繚亂。這些js方法都夠你頭大的。
那么問題出在哪呢？
那就是學習方法！
學技術，絕不是純粹的靠看視頻就能學會的。它更重要的在于六個字：多練，多練，多練！
只有看視頻的同時，多拿筆或者多動手敲，才有效果。
而且這個效果非常明顯！
我可以告訴你的是，這些看似很多的標簽，一個都不用刻意的去死記硬背！
而且背是沒什么用的，因為今天可能這個版本有這個標簽，可能明天就廢棄了。技術更新迭代的很快，只有掌握了核心的思想，就可以以不變應萬變！
我當初學習就這樣，自己動手跟著視頻一個字母一個字母敲。
敲得多了，自然就記住了。慢慢的去嘗試做一些網頁，結合實際的項目，日積月累。各種布局，各種頁面樣式，各種交互，看的多了練的多了。基本功練扎實了，以后回過頭你就發現，哇好簡單。
看到一個好的網站，你腦海中就能立馬展現出可能別人是怎么布局的，怎么配色的，哪些動畫用可能用到了哪些方法。甚至你能一眼看出他前端用到了什么框架。
OK，說到這里我想你一定知道怎么去學，怎么有效的學，怎么學的更快更扎實了吧。