随着HTML5越来越流行越来越规范，實现视频和音频的代码播放支持和兼容改的平台越来越多这里找到HTML5 通过 audio 元素来提供在网页中嵌入实现视频和音频的代码的标准方法，下媔这9款 HTML5 实现视频和音频的代码播放器都是基于 audio 元素开发的能够帮助你在网页中轻松的嵌入实现视频和音频的代码。

　　jPlayer 一款基于 jQuery 的免费開源的 HTML5 实现视频和音频的代码和视频播放插件API 简单，支持自定义皮肤

　　这款 HTML5 实现视频和音频的代码播放器非常的简洁，由 Scott Andrew 开发如果你不需要播放列表，也不需要花哨的效果那么可以选择它。 一些事

　　Speakker 是我最喜欢的一款实现视频和音频的代码播放器功能强大，使用简单这款播放器有播放列表，声音控制播放控制等很多功能，支持尺寸、颜色、按钮文本等选项的自定义支持所有的现代浏览器，在旧的浏览器中会自动降级到 Flash 播放

　　基于 Mootools 框架的 HTML5 实现视频和音频的代码播放器，如果你的网站正在使用 MooTools 框架我想你会喜欢这个播放器的。

　　这款播放器是这个列表中唯一要付费的当然功能也是很全面的，支持自定义播放控制按钮图片兼容 iOS、Android 和桌面浏览器。

　　audio.js 是一个轻量的 JavaScript 库用于帮助你在网页中轻松的嵌入实现视频和音频的代码，在现代浏览器中使用原生的 标签播放实现视频和音频的代碼旧的浏览器使用 Flash 来模拟 标签，所有浏览器使用统一的 UI 界面可以通过 CSS 定义外观。

　　这个特别的播放器是以书签形式来播放网页中的實现视频和音频的代码文件能够用于任何有可下载的实现视频和音频的代码文件链接的页面。

~~~主要是你熟悉哪一款顺手哪一款，就感覺哪一款好用后续会有更多的播放器，会秩序更新的~~

??????? ~ 厚脸皮要个赞赏哈 ~ ???????

一、网页背景音乐的制作

编辑頁面输入如下代码：

src：设置音乐文件路径

loop：设置背景音乐循环的次数，-1代表无限循环

balance：设置音乐的左右均衡，0代表左右一样

volume：设置初始音量

delay：设置延迟播放背景音乐的时间。

一般在添加背景音乐时我们并不需要对音乐进行左右均衡以及延时等设置，所以仅需要src路径、Loop循环次数这些主要的参数就可以了

音乐文件、影视文件的插入，方法一样

下面是对<embed>标记中的属性进行说明

src：插入<embed>标记内的多媒体文件蕗径。注意文件扩展名不可省略。

width：设置插入多媒体的宽度

height：设置插入多媒体的高度。

autostart：设置为true时打开网页会自动播放多媒体；设置为false时，打开网页后需单击多媒体的控件进行播放如不设置该属性，则默认值为false

loop：设置多媒体文件的播放次数。设置为true时浏览者不使用“停止”按钮或者离开此页面，多媒体文件会不停播放；设置为false则只播放一次。如不设置该属性则默认值为false。

    音乐和影视文件一插入都是由<embed>这个标记来完成的区别就是在写插入多媒体文件的路径时，文件的扩展名不能省略注意，<embed>这个标记不适用于Flash文件