首页 > 代码库 > html5 音乐播放器 audio 标签使用概述_html5教程技巧

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

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