首页 > Web开发 > 详细

在网页添加音乐(壹)

时间:2015-05-30 18:05:51      阅读:278      评论:0      收藏:0      [点我收藏+]

这个只是一个初步的实验,未涉及到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

在网页添加音乐(壹)

原文:http://www.cnblogs.com/stzhang1998/p/4540590.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!