溫馨提示×

溫馨提示×

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

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

怎么在html中插入視頻

發(fā)布時間:2021-03-31 16:07:22 來源:億速云 閱讀:332 作者:Leah 欄目:web開發(fā)

本篇文章為大家展示了怎么在html中插入視頻,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。

html插入視頻的方法:首先創(chuàng)建一個HTML示例文件;然后在body中輸入video標(biāo)簽;最后通過“<source src="movie.mp4"  type="video/mp4">”插入視頻即可。

在HTML中,插入視頻要使用 video 標(biāo)簽。<video> 標(biāo)簽可以定義視頻,比如電影片段或其他視頻流。

HTML5支持直接在瀏覽器中播放音頻和視頻文件,不需要使用 adobe flash 插件。

插件缺點:插件是令瀏覽器崩潰的主要原因之一,特別是 flash,存在著很多問題。

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

提示:可以在 <video> 和 </video> 標(biāo)簽之間放置文本內(nèi)容,這樣不支持 <video> 元素的瀏覽器就可以顯示出該標(biāo)簽的信息。

怎么在html中插入視頻

MP4 = MPEG 4 文件使用 H264 視頻編解碼器和AAC音頻編解碼器

WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器

Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器

音頻格式的 MIME 類型

怎么在html中插入視頻

屬性值:

怎么在html中插入視頻

示例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<video width="320" height="240" controls>
  <source src="movie.mp4"  type="video/mp4">
  <source src="movie.ogg"  type="video/ogg">
  您的瀏覽器不支持 HTML5 video 標(biāo)簽。
</video>
</body>
</html>

效果圖:

怎么在html中插入視頻

上述內(nèi)容就是怎么在html中插入視頻,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。

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

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

AI