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">
相关推荐
【赫兹威客】浩哥3 分钟前
【赫兹威客】框架模板-前端bat脚本部署教程
前端·vue.js
sww_10268 分钟前
智能问数系统(二):数据分析师Python
java·前端·python
一人の梅雨37 分钟前
义乌购商品详情接口进阶实战:批发场景下的精准解析与高可用架构
java·服务器·前端
bin915341 分钟前
(文后附完整代码)html+css+javascript 弓箭射击游戏项目分析
前端·javascript·css·游戏·html·前端开发
翱翔的苍鹰1 小时前
完整的“RNN + jieba 中文情感分析”项目的Gradio Web 演示的简单项目
前端·人工智能·rnn
有味道的男人1 小时前
如何使用招标网API获取项目详情?
java·服务器·前端
qq_406176141 小时前
深入剖析JS中的XSS与CSRF漏洞:原理、攻击与防御全指南
服务器·开发语言·前端·javascript
RFCEO1 小时前
HTML编程 课程六、:HTML5 新增多媒体标签
前端·html·html5·多媒体标签·嵌入音频、视频、动画
yanyu-yaya1 小时前
速学兼复习之vue3章节4
前端·vue.js·前端框架
Mr-Wanter2 小时前
vue 数据反显时数字/字母不换行导致的样式问题
前端·javascript·vue.js