添加音乐

HTML网页制作：[7]添加音乐embed的用法

听语音

• |
• 浏览：3970
• |
• 更新：2014-08-15 10:58
• |
• 标签：HTML 软件 

• 1
• 2
• 3
• 4
• 5

分步阅读

在上一篇经验中，小编有介绍bgsound.但是这个仅仅是添加背景音乐，并没有控制器等，而且还有一些限制。这篇，小编将介绍embed，很不错哦。

工具/原料

 

• 一台电脑
• txt或者DW等

方法/步骤

 

1.  

   bgsound是用来设置网页的背景音乐，所以从效果来看，什么也看不到，是没有类似音乐播放器的那种操控界面的。

   但是，embed来添加的音乐，则拥有这种操控界面，还可以让他变得非常美观。

2.  

   先看下embed的语法。

   <embed src="音乐url">

   是不是超级简单。

   将他放到代码中。

   
3.  

   有些浏览器会有如下图的询问，请点击“允许”

   
4.  

   效果图如下。

   只要一句代码就可以出现如下的效果，有声音控制、进度条等，是不是很方便呢。

   
5.  

   来点高级的。

   <embed src="简单爱.mp3" width="200" height="200" >

   width:控制播放器的宽度

   height:控制播放器的高度

   效果图如下所示

    

   
6.  

   音乐听完，想他重复播放怎么办？

   <embed src="简单爱.mp3" width="200" height="200" loop="true">

   loop:循环播放控制。

   为true:循环播放

   false：只播放一次

   为数值：你想重播的次数

    

7.  

   想打开网页，让音乐立刻播放或者暂停。

   <embed src="简单爱.mp3" width="200" height="200" loop="true" autostart="false">

   autostart：false为暂停

                     true为播放

   效果图如图

   
8. 8

   自然，embed的用法还有很多，网上肯定能找到很多。不会的话，就百度吧。