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">
相关推荐
PeterJXL几秒前
Chrome 下载文件时总是提示“已阻止不安全的下载”的解决方案
前端·chrome·安全
hackchen19 分钟前
从0到1解锁Element-Plus组件二次封装El-Dialog动态调用
前端·vue.js·elementui
君子宜耘心19 分钟前
el-table虚拟列表封装
前端
黄瓜沾糖吃23 分钟前
大佬们指点一下倒计时有什么问题吗?
前端·javascript
温轻舟23 分钟前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟
buibui24 分钟前
打包一个工具类
前端
巴别塔的饿灵25 分钟前
Webpack[TBC]
前端
LinHan26 分钟前
我的浏览器插件 Horizon-Hop 又又又更新啦!
前端
一个小潘桃鸭26 分钟前
需求:el-upload实现上传/粘贴图片功能
前端
胡清波28 分钟前
# vue 的 Diff 算法
前端·面试