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

html-css014

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>

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