首頁 > web前端 > html教學 > html如何添加視頻

html如何添加視頻

醉折花枝作酒筹
發布: 2021-05-31 17:43:07
原創
20057 人瀏覽過

在HTML中,可以使用video標籤添加視頻,語法格式為“”。 video標籤可以定義視頻,例如電影片段或其他視頻流。目前,video元素支援三種影片格式:MP4、WebM、Ogg。

html如何添加視頻

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在HTML中,插入影片要使用 video 標籤。

HTML5支援直接在瀏覽器中播放音訊和視訊文件,不需要使用 adobe flash 外掛程式。

外掛缺點:外掛程式是讓瀏覽器崩潰的主要原因之一,特別是 flash,存在著許多問題。

目前,

提示:可以在 標籤之間放置文字內容,這樣不支援

html如何添加視頻

範例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video width="320" height="240" controls>
  <source src="video.mp4"  type="video/mp4">
  您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>
登入後複製

效果:

html如何添加視頻

推薦學習:html影片教學

以上是html如何添加視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板