在現代網頁開發中，視頻已經成為不可或缺的一部分。HTML5通過新增video標簽，讓我們可以輕松地在網頁中嵌入視頻。下面我們來看一下HTML5放視頻的代碼。
首先，在你的HTML文檔的頭部，你需要添加以下代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5 Video</title> </head> <body>
接著，在body標簽內，我們使用video標簽來加入視頻：
<video src="video.mp4"></video>
在這個例子中，我們指定了視頻文件的路徑。video標簽支持多種格式的視頻文件，包括MP4、WebM和Ogg。如果用戶的瀏覽器不支持一個格式，它會嘗試其他格式直到成功加載視頻。
當然，我們可以對video標簽添加更多屬性來控制視頻的行為和外觀。例如，我們可以添加controls屬性來顯示播放器控件：
<video src="video.mp4" controls></video>
我們也可以使用width和height屬性來指定視頻的寬度和高度：
<video src="video.mp4" width="640" height="360"></video>
如果你想給你的視頻添加一些文本說明，你可以在video標簽內添加track和source標簽：
<video controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English"> </video>
在這個例子中，我們指定了兩種視頻格式（MP4和WebM），以及一個字幕文件（VTT格式）。track標簽用于指定字幕文件的路徑，kind屬性用于指定字幕的種類，srclang屬性用于指定字幕文件的語言，label屬性用于指定字幕的名稱。
總之，HTML5提供了非常簡單和易用的方法來在網頁上放置視頻。只需一行代碼，你就可以輕松地將視頻嵌入你的網頁中。
上一篇styles css