相信很多小伙伴會在各種網(wǎng)頁和 app 中觀看各種視頻，那么今天我們就來說說怎么在html5網(wǎng)頁中怎么加入視頻？和怎么為網(wǎng)頁添加視頻吧！
1.首先，我們在開發(fā)工具中新建一個 .html 文件，輸入下面代碼：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>怎么加入視頻</title>
</head>
<body>
<div>
</div>
</body>
</html>2.在代碼塊中加入<video>標(biāo)簽，在頭部設(shè)置視頻播放的寬高，代碼如下：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>怎么加入視頻</title>
<style>
video{
width: 600px;
height: 450px;
}
</style>
</head>
<body>
<div>
<video >
</video>
</div>
</body>
</html>3.接下來我們在代碼塊的 video 標(biāo)簽中寫入 src 之后在填寫視頻文件路徑，在添加 controls 屬性，代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>怎么加入視頻</title>
<style>
video{
width: 600px;
height: 450px;
}
</style>
</head>
<body>
<div>
<video src="img/video-set.mp4" controls="controls">
</video>
</div>
</body>
</html>
4.這樣子我們就完成了一個視頻的加入效果，現(xiàn)在我們來看看結(jié)果吧！截圖如下：
這樣子我們在預(yù)覽中點擊播放箭頭就可以實現(xiàn)一個播放了。那么今天這個有關(guān)于“怎么在 html5 網(wǎng)頁中怎么加入視頻？怎么為網(wǎng)頁添加視頻？“的問題就解決了，這個是一個最簡單的添加視頻的方法，我們在實戰(zhàn)過程中要注意視頻的播放和視頻的一個兼容性，有關(guān)系html 中視頻兼容的問題，我們可以在html音頻中進行一個了解。其他有關(guān)于 html 的學(xué)習(xí)也可以在HTML 教程中進行學(xué)習(xí)。
