HTML5媒体元素

video元素

视频元素,可以用来插入电影片段或其他视频流。

支持的视频格式是MP4,WebM,Ogg

source元素

定义媒体的资源

src属性

规定媒体资源的URL

type属性

规定媒体资源的MIME类型

html 复制代码
<video  controls>
	<source  src="../video/1.mp4" type="video/MP4"/>
</video>

audio元素

音频元素,用来插入音频

支持的音频格式是MP3、Ogg、Wav

与source元素配合可以显示音频

html 复制代码
<audio   controls>
	<source src="../音频/05 1-2:翻写的要点与翻写方式.mp3" type="audio/mpeg"/>
</audio>

embed元素

可以嵌入多媒体元素,支持Midi、Wav、AIFF、AU、MP3等格式。audio与video不支持的格式可以拿embed尝试

src属性

规定媒体资源的URL

type属性

规定媒体资源的MIME类型

html 复制代码
<embed src="../音频/05 1-2:翻写的要点与翻写方式.mp3" type="audio/mpeg">
相关推荐
虫虫rankourin28 分钟前
在 create-react-app (CRA) 创建的应用中使用 react-router-dom v7以及懒加载的使用方法
前端·react.js
小刘鸭地下城30 分钟前
Web安全必备:关键 HTTP 标头解析
前端
yddddddy32 分钟前
html基本知识
前端·html
荣达1 小时前
koa洋葱模型理解
前端·后端·node.js
reembarkation2 小时前
使用pdfjs-dist 预览pdf,并添加文本层的实现
前端·javascript·pdf
KenXu2 小时前
F2C-PTD工具将需求快速转换为代码实践
前端
给月亮点灯|2 小时前
Vue3基础知识-setup()、ref()和reactive()
前端·javascript·vue.js
芜青2 小时前
【Vue2手录12】单文件组件SFC
前端·javascript·vue.js
冷冷的菜哥2 小时前
react实现无缝轮播组件
前端·react.js·typescript·前端框架·无缝轮播
hrrrrb2 小时前
【Python】字符串
java·前端·python