溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html中如何使用video方法

發(fā)布時(shí)間:2021-04-26 11:31:51 來源:億速云 閱讀:937 作者:小新 欄目:web開發(fā)

小編給大家分享一下html中如何使用video方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

html是什么

html的全稱為超文本標(biāo)記語言,它是一種標(biāo)記語言,包含了一系列標(biāo)簽.通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動(dòng)畫、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

html video用于定義視頻,其使用方法:首先構(gòu)建基本的網(wǎng)頁結(jié)構(gòu);然后構(gòu)建video標(biāo)簽,用width設(shè)置寬度;接著用source標(biāo)簽來指定視頻地址和視頻格式;最后保存運(yùn)行即可。

本文操作環(huán)境:windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

先了解一下video標(biāo)簽:

1)<video> 標(biāo)簽定義視頻,比如電影片段或其他視頻流。

2)目前,<video> 元素支持三種視頻格式:MP4、WebM、Ogg。

現(xiàn)在開始正題

先讓我們新建一個(gè)腳本文件index.php;

html中如何使用video方法

用sublime打開index.php,先構(gòu)建基本的網(wǎng)頁結(jié)構(gòu),如圖所示。

html中如何使用video方法

繼續(xù)構(gòu)建video標(biāo)簽,用width設(shè)置寬度,記住加入controls才會(huì)有暫停/開始的開關(guān)哦。

html中如何使用video方法

video標(biāo)簽里面要嵌套source標(biāo)簽來指定視頻地址和視頻格式

html中如何使用video方法

ctrl+s保存,現(xiàn)在就基本成功了

html中如何使用video方法

以上是“html中如何使用video方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI