這篇文章主要介紹html中如何放視頻,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了拜城免費建站歡迎大家使用!
在html中,可以使用“<video>”標簽來插入視頻,語法格式“<video src="視頻文件url" controls></video>”。video標簽元素支持三種視頻格式:MP4、WebM、Ogg。
html插入視頻
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <video src="movie.mp4" controls> 您的瀏覽器不支持 HTML5 video 標簽。 </video> </body> </html>
效果圖:

HTML5 <video> 標簽
<video> 標簽定義視頻,比如電影片段或其他視頻流。
可以在 <video> 和 </video> 標簽之間放置文本內(nèi)容,這樣不支持 <video> 元素的瀏覽器就可以顯示出該標簽的信息。
<video> 標簽中可以添加的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果出現(xiàn)該屬性,則視頻在就緒后馬上播放。 |
| controls | controls | 如果出現(xiàn)該屬性,則向用戶顯示控件,比如播放按鈕。 |
| height | pixels | 設(shè)置視頻播放器的高度。 |
| loop | loop | 如果出現(xiàn)該屬性,則當(dāng)媒介文件完成播放后再次開始播放。 |
| muted | muted | 如果出現(xiàn)該屬性,視頻的音頻輸出為靜音。 |
| poster | URL | 規(guī)定視頻正在下載時顯示的圖像,直到用戶點擊播放按鈕。 |
| preload | auto metadata none | 如果出現(xiàn)該屬性,則視頻在頁面加載時進行加載,并預(yù)備播放。如果使用 "autoplay",則忽略該屬性。 |
| src | URL | 要播放的視頻的 URL。 |
| width | pixels | 設(shè)置視頻播放器的寬度。 |
目前,<video> 元素支持三種視頻格式:MP4、WebM、Ogg。

音頻格式的 MIME 類型:
| 格式 | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
以上是“html中如何放視頻”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當(dāng)前題目:html中如何放視頻
本文URL:http://www.chinadenli.net/article22/igpjcc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、定制網(wǎng)站、服務(wù)器托管、企業(yè)網(wǎng)站制作、云服務(wù)器、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)