在网页添加音乐(壹)

这个只是一个初步的实验，未涉及到js（因为我还只是个小白，还没看js），结合了网上各种教程。

1.使用<EMBED>标签，这个是HTML5的标签，定义嵌入的内容，比如插件。

  在网上搜索大都弹出来这个，但是使用这个的话要显示播放器的话会出现一些问题，比如说，

<embed src="music/walkingInTheRain.mp3" autostrat="true" loop="-1" controls="smallconsole/playbutton/pausebutton/stopbutton/volumelever" bgcolor="black" width="300" height="70" >

设置了高度为70。而现实的效果是这样的

 

你觉得想把下面那个黑色区域弄去，于是改变了高度，结果却是

 

我的解决办法是换一个标签，使用<audio>，这是html5里专门定义声音的……

<audio src="music/walkingInTheRain.mp3" autoplay="true" loop="-1" controls="smallconsole/playbutton/pausebutton/stopbutton/volumelever" bgcolor="while" width="300" height="70" ></audio>

 

总体和前面的<embed>标签的使用差不多，但是可以顺利的去掉那个黑色区域。

显示的效果是这样的

参考资料：

<embed>标签的详细使用：http://www.blogjava.net/acooly/archive/2009/03/30/262917.html

<audio>标签的详细使用： https://msdn.microsoft.com/zh-CN/ie/hh377903

来源：https://www.cnblogs.com/stzhang1998/p/4540590.html