您好,登錄后才能下訂單哦!
這篇文章主要介紹html中如何放視頻,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
在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> 標簽之間放置文本內容,這樣不支持 <video> 元素的瀏覽器就可以顯示出該標簽的信息。
<video> 標簽中可以添加的屬性
屬性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出現該屬性,則視頻在就緒后馬上播放。 |
controls | controls | 如果出現該屬性,則向用戶顯示控件,比如播放按鈕。 |
height | pixels | 設置視頻播放器的高度。 |
loop | loop | 如果出現該屬性,則當媒介文件完成播放后再次開始播放。 |
muted | muted | 如果出現該屬性,視頻的音頻輸出為靜音。 |
poster | URL | 規定視頻正在下載時顯示的圖像,直到用戶點擊播放按鈕。 |
preload | auto metadata none | 如果出現該屬性,則視頻在頁面加載時進行加載,并預備播放。如果使用 "autoplay",則忽略該屬性。 |
src | URL | 要播放的視頻的 URL。 |
width | pixels | 設置視頻播放器的寬度。 |
目前,<video> 元素支持三種視頻格式:MP4、WebM、Ogg。
音頻格式的 MIME 類型:
格式 | MIME-type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
以上是“html中如何放視頻”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。