溫馨提示×

溫馨提示×

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

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

html中如何放視頻

發布時間:2021-03-29 12:03:03 來源:億速云 閱讀:395 作者:小新 欄目:web開發

這篇文章主要介紹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>

效果圖:

html中如何放視頻

HTML5 <video> 標簽

<video> 標簽定義視頻,比如電影片段或其他視頻流。

可以在 <video> 和 </video> 標簽之間放置文本內容,這樣不支持 <video> 元素的瀏覽器就可以顯示出該標簽的信息。

<video> 標簽中可以添加的屬性

屬性描述
autoplayautoplay如果出現該屬性,則視頻在就緒后馬上播放。
controlscontrols如果出現該屬性,則向用戶顯示控件,比如播放按鈕。
heightpixels設置視頻播放器的高度。
looploop如果出現該屬性,則當媒介文件完成播放后再次開始播放。
mutedmuted如果出現該屬性,視頻的音頻輸出為靜音。
posterURL規定視頻正在下載時顯示的圖像,直到用戶點擊播放按鈕。
preloadauto
metadata
none
如果出現該屬性,則視頻在頁面加載時進行加載,并預備播放。如果使用 "autoplay",則忽略該屬性。
srcURL要播放的視頻的 URL。
widthpixels設置視頻播放器的寬度。

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

html中如何放視頻

音頻格式的 MIME 類型:

格式MIME-type
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

以上是“html中如何放視頻”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女