html5 音乐播放器 audio 标签使用概述_html5教程技巧

<audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条
<audioid="media"src="http://www.niuzen.com/test.mp3"controls></audio>
<video> 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度
<videoid="media"src="http://www.niuzen.com/test.mp4"controls width="400px"heigt="400px"></video>

 

获取HTMLVideoElement和HTMLAudioElement对象

//audio可以直接通过new创建对象 
Media = newAudio("http://www.abc.com/test.mp3"); 
//audio和video都可以通过标签获取对象 
Media = document.getElementById("media"); 

  Media方法和属性: 
HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMediaElement

详细说明:http://html5.662p.com/thread-18-1-1.html

转载于:https://www.cnblogs.com/wangniuzen/p/4047546.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值