1.任務(wù)目標(biāo)
我們前幾小結(jié)學(xué)習(xí)了，插入圖片插入音頻等，我們這一小結(jié)學(xué)習(xí)一下，插入視頻標(biāo)簽video并熟練使用。
2.video標(biāo)簽
(1)直到現(xiàn)在，仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上顯示視頻的標(biāo)準(zhǔn)。
今天，大多數(shù)視頻是通過(guò)插件（比如 Flash）來(lái)顯示的。然而，并非所有瀏覽器都擁有同樣的插件。
HTML5 規(guī)定了一種通過(guò) video 元素來(lái)包含視頻的標(biāo)準(zhǔn)方法。
(2)controls 屬性供添加播放、暫停和音量控件。
包含寬度和高度屬性也是不錯(cuò)的主意。
3.代碼演示
代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 插入視頻，src是視頻路徑 -->
<video src="./1c70db8357cd0eb7684291df4883ceb7.mp4" controls width="500px" height="500px"></video>
</body>
</html>
效果如下
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-515335.html
4.小結(jié)
我們可以看到，頁(yè)面上面會(huì)出現(xiàn)一個(gè)可以播放的視頻，我們?cè)僖恍┚W(wǎng)站上看到視頻，都是用這個(gè)標(biāo)簽寫(xiě)的，我們要學(xué)會(huì)熟練運(yùn)用這些標(biāo)簽。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-515335.html
到了這里，關(guān)于零基礎(chǔ)HTML入門(mén)教程(13)——插入視頻video標(biāo)簽的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
