多媒体标签
- embed：标签定义嵌入的内容
- audio：播放音频
- video：播放视频
多媒体 embed（会使用）
embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
因为兼容性问题，我们这里只讲解 插入网络视频， 后面H5会讲解 audio 和video 视频多媒体。
<embed src="http://player.youku.com/player.php/sid/XMTI4MzM2MDIwOA==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
优酷，土豆，爱奇艺，腾讯、乐视等等
- 先上传
- 在分享
多媒体 audio
HTML5通过标签来解决音频播放的问题。
使用相当简单，如下图所示
并且可以通过附加属性可以更友好控制音频的播放，如：
autoplay 自动播放
controls 是否显不默认播放控件
loop 循环播放 如果这个属性不写 默认播放一次 loop 或者 loop = “loop” 表示无限循环
由于版权等原因，不同的浏览器可支持播放的格式是不一样的，如下图供参考
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zUUz0Z2O-1594770738888)(media/1498468026526.png)]](http://image109.360doc.com/DownloadImg/2022/01/1412/237782759_2_2022011412062985_wm.png)
多浏览器支持的方案，如下图
标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NS8Trryr-1594770738920)(media/1498468052965.png)]](http://image109.360doc.com/DownloadImg/2022/01/1412/237782759_3_20220114120629303_wm.png)
多媒体 video
HTML5通过标签来解决音频播放的问题。
同音频播放一样，使用也相当简单，如下图
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WHDJflsJ-1594770738922)(media/1498468072194.png)]](http://image109.360doc.com/DownloadImg/2022/01/1412/237782759_4_20220114120629522.png)
同样，通过附加属性可以更友好的控制视频的播放
-
autoplay 自动播放
-
controls 是否显示默认播放控件
-
loop 循环播放
-
width 设置播放窗口宽度
-
height 设置播放窗口的高度
由于版权等原因，不同的浏览器可支持播放的格式是不一样的，如下图供参考
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ExI3E7mz-1594770738924)(media/1498468086199.png)]](http://image109.360doc.com/DownloadImg/2022/01/1412/237782759_5_20220114120629694_wm.png)
多浏览器支持的方案，如下图****
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zw4ruyh7-1594770738930)(media/1498468097509.png)]](http://image109.360doc.com/DownloadImg/2022/01/1412/237782759_6_20220114120629850_wm.png)
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<audio controls loop>
<source src="bgsound.mp3"/>
<source src="music.ogg"/>
您的浏览器版本太低
</audio>
<video autoplay controls>
<source src="movie04.ogg"/>
<source src="mp4.mp4"/>
</video>
</body>
</html>
