html5网页想要加一个音乐播放器可以怎么做？

html-css022

html5网页想要加一个音乐播放器可以怎么做？,第1张

可以使用html5的audio标签来添加音乐播放器

<audio controls>

type:指定文件类型  

<source src="horse.ogg" type="audio/ogg">

   <source src="horse.mp3" type="audio/mpeg">

</audio>

对应的参数属性如下图：

最简单的向HTML网页添加背景音乐的方法是什么？在html5里，直接有一个对应的控件就可以添加背景音乐了，下面我们来看一下。

01

在html5里，有一个audio的标签，我们先在html里加上这个标签。

02

这个audio标签，里面有一个子标签，就是source标签，主要是用来指定audio的播放源的。通过src属性指定Mp3文件的路径就行了。

03

运行页面，就可以看到一个mp3的播放器了。

04

点击播放器的播放按钮后，网页就可以播放mp3音乐了，非常简单。

一般，直接用HTML5的代码可以，“播不了”要么是你标签属性写错路径了，要么是浏览器不支持这种格式(有些浏览器支持的格式较少，如IE10不支持ogg)。

版本太古董的手机也许有些麻烦，可能需要用些Flash控件，但有些手机浏览器又不支持Flash。

智能手机环境的最新的浏览器都支持HTML5的audio标签，用法可以在关于网页制作的参考书中查到，如

<audio src="/i/horse.ogg" controls="controls"></audio>

至于制作手机站点，一般使用移动流媒体布局方式创建网页。