HTML网页制作:[7]添加音乐embed的用法
1、bgsound是用来设置网页的背景音乐,所以从效果来看,什么也看不到,是没有类似音乐播放器的那种操控界面的。但是,embed来添加的音乐,则拥有这种操控界面,还可以让他变得非常美观。
2、先看下embed的语法。<embed src="音乐url">是不是超级简单。将他放到代码中。
![HTML网页制作:[7]添加音乐embed的用法](https://exp-picture.cdn.bcebos.com/22c4fe36e29147e8109ea0c1b603bbea3f8658d1.jpg)
3、有些浏览器会有如下图的询问,请点击“允许”
![HTML网页制作:[7]添加音乐embed的用法](https://exp-picture.cdn.bcebos.com/38332303bbea3e861836f8f05cd4483105eb55d1.jpg)
4、效果图如下。只要一句代码就可以出现如下的效果,有声音控制、进度条等,是不是很方便呢。
![HTML网页制作:[7]添加音乐embed的用法](https://exp-picture.cdn.bcebos.com/3fc72e486143d7d4634f9d587da75f0f832b50d1.jpg)
5、来点高级的。<embed src="简单爱.mp3" width="200" height=&鳎溻趄酃quot;200" >width:控制播放器的宽度height:控制播放器的高度效果图如下所示
![HTML网页制作:[7]添加音乐embed的用法](https://exp-picture.cdn.bcebos.com/d695563104ebf6a771711b98ffee1c324a184fd1.jpg)
6、音乐听完,想他重复播放怎么办?<embed src="简单爱.mp3" width="200" height="200" loop="true">loop:循环播放控制。为true:循环播放false:只播放一次为数值:你想重播的次数
7、想打开网殳陌抻泥页,让音乐立刻播放或者暂停。<embed src="简单爱.mp3" wi颊俄岿髭dth="200" height="200" loop="true" autostart="false">autostart:false为暂停 true为播放效果图如图
![HTML网页制作:[7]添加音乐embed的用法](https://exp-picture.cdn.bcebos.com/836a6aee1c324b186252154253a72633498448d1.jpg)
8、自然,embed的用法还有很多,网上肯定能找到很多。不会的话,就百度吧。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:21
阅读量:94
阅读量:80
阅读量:31
阅读量:82