Html5新标签之

16952012-02-11

如何使用audio呢?
audio这个标签用定义声音,比如音乐或其他音频流,西安网站建设团队点墨网络竭诚为您服务。直接让大家看个例子:
 

 

  1. <!DOCTYPE HTML> 
  2. <meta charset="utf-8"> 
  3. <html> 
  4. <head> 
  5. <!--/尊重他人劳动果实,转载请注明出处:我爱html5开发小组 www.52html5.com 作者:金牌狙击手--> 
  6. <style type="text/css"> 
  7. body{ font-size:12px; padding:200px 0 0 0; background:#00CCCC}  
  8. *{ margin:0; padding:0;}  
  9. audio{width:500px; height:auto; background:#efefef; border:#CCCCCC 1px solid; border-radius:3px;-moz-border-radius:3px; -khtml-border-radius:3px; margin-left:50px;}  
  10. </style> 
  11. <title>Html5新标签之&lt;article&gt;标签</title> 
  12. </head> 
  13. <body> 
  14. <audio src="http://zhangmenshiting.baidu.com/data/music/5387764/%E5%80%A9%E5%A5%B3%E5%B9%BD%E9%AD%82.mp3?xcode=b6f877546d67762d553396c56deab3f1" autoplay="autoplay" controls="controls"> 
  15. 您的浏览器不支持 audio 标签。  
  16. </audio> 
  17. </body> 
  18. </html> 

就这样一个简单的音频文件(有控件显示哦)就写出来了。看下效果图吧:



 
 

<aside> 标签支持哪些属性呢?
常用的属性:class、id、style,这三个就不用给大家介绍了。
在这里着重的给大家说aside标签的新属性及属性值:

autoplay:如果出现该属性,则音频在就绪后马上播放。值: autoplay
controls:如果出现该属性,则向用户显示控件,比如播放按钮。值:controls
loop: 如果出现该属性,则每当音频结束时重新开始播放。值: loop
preload:如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。值:preload
src要播放的音频的 URL。值:url

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:15229292610

公司注册地址:西安市雁塔区融鑫路丽湾蓝岛1幢3单元16层31605号

临时办公地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

服务热线:15229292610

客服信箱:vip@dianmo.cc

846461336327

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1