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">
相关推荐
愚者Pro10 分钟前
Flutter基础学习
前端·javascript·vue.js
ZC跨境爬虫17 分钟前
跟着 MDN 学 HTML day_17:媒体与 Web Audio API 自动播放指南——策略、检测与最佳实践
前端·笔记·ui·html·音视频·媒体
canonical_entropy23 分钟前
Nop Chaos Flux:百度AMIS之后的下一代低代码渲染引擎
前端·低代码·ai编程
时光足迹41 分钟前
Tiptap 简单编辑器模版
前端·javascript·react.js
JSLove1 小时前
nginx入门
前端·nginx
时光足迹1 小时前
ThreeJS之GUI控制器
前端·javascript·three.js
时光足迹1 小时前
Tiptap编辑器
前端·javascript·react.js
时光足迹1 小时前
电子书阅读器之笔记高亮(跨段处理)
前端·javascript·react.js
Dabei1 小时前
Android 副屏(Virtual Display)创建与悬浮窗画中画显示实战
前端·架构