HTML视频音频

最新推荐文章于 2025-09-20 18:17:58 发布

转载最新推荐文章于 2025-09-20 18:17:58 发布 · 457 阅读

文章标签：

#html

html 专栏收录该内容

7 篇文章

订阅专栏

博客介绍了HTML中视频和音频标签。标签用于定义视频，支持MP4、WebM、Ogg三种格式；标签用于定义声音，支持MP3、Wav、Ogg三种格式。还提到可在标签间放置文本，供不支持的浏览器显示信息。

HTML<video>标签
标签定义视频，比如电影片段或其他视频流。
目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。

<!DOCTYPE html>
<html>
  <head> 
    <meta charset="utf-8"> 
    <title>大云汉IT教育</title> 
  </head>
  <body>
    <video width="320" height="240" controls>
    <source src="movie.mp4"  type="video/mp4">
    <source src="movie.ogg"  type="video/ogg">
    </video>
  </body>
</html>

在这里插入图片描述
提示和注释：
提示：可以在 <video> 和 </video> 标签之间放置文本内容，这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。
可选属性

HTML<audio>标签
<audio> 标签定义声音，比如音乐或其他音频流。
目前，<audio> 元素支持的3种文件格式：MP3、Wav、Ogg。

<!DOCTYPE html>
<html>
  <head> 
    <meta charset="utf-8"> 
    <title>大云汉IT教育</title> 
  </head>
  <body>
    <audio controls>
      <source src="horse.ogg" >
      <source src="horse.mp3" >
    </audio>
  </body>
</html>

在这里插入图片描述
提示和注释：
提示：可以在 <audio> 和 </audio> 之间放置文本内容，这些文本信息将会被显示在那些不支持 <audio> 标签的浏览器中。
属性(New html5中的新属性)