HTML入门四之多媒体
2020-12-10 本文已影响0人
码农修行之路
- 音频（audio ）、视频（video ）、embed：所有主流浏览器都支持 <embed> 元素 是HTML5标签
- <embed> 在HTMl4中无效
- audio video 相关属性 controls控制器
- 支持多浏览器 对于不同的音频或者视频文件的格式 一些浏览器可能不支持 所以引入source 可以多个
- bgsound 插入背景音乐 只适用于IE 属性loop 循环次数 -1、indinite无限次循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>多媒体</title>
</head>
<body>
<!-- 插入音频 视频 flash -->
<!-- 音频 -->
<!-- 属性 controls 控制器显示 支持格式controls="controls" 同时也可以controls -->
<!-- <audio src="../1.wav" controls="controls">浏览器不支持</audio> -->
<!-- <audio src="../1.wav" controls>浏览器不支持</audio> -->
<!-- 支持多浏览器 对于不同的音频或者视频文件的格式 一些浏览器可能不支持 所以引入source 可以多个 -->
<audio controls>
<source src="../1.wav" >
<source src="../1.ogg" >
</audio>
<!-- 视频 -->
<video src="../该死的爱情.mp4" controls width="500px">浏览器不支持</video>
<!-- <embed src="多媒体文件地址" width="200px" height="200px"/> -->
<!-- <embed src="../1.wav" width="200px" /> -->
<!-- <embed src="../该死的爱情.mp4" width="600px" height="400px" /> -->
<!-- 插入背景音乐 只适用于IE 属性loop 循环次数 -1、indinite无限次循环 -->
<!-- <bgsound src="../1.wav" loop="2" /> -->
</body>
</html>
