8-05 4,103 views
audio(音频):
• 直到现在,仍然不存在一项旨在网页上播放音频的标准。
• 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览
器都拥有同样的插件。
• HTML5 规定了在网页上嵌入音频元素的标准,即使用
属性:
• controls 显示控制条
• loop 循环播放
• autoplay 自动播放
实例:
<body>
<audio controls="controls" loop="loop" autoplay="autoplay">
<source src="music.mp3" />
<source src="music.ogg" />
你的浏览器不支持audio标签
</audio>
</body>
video (视频):
属性:
• controls 显示控制条
• loop 循环播放
• autoplay 自动播放
• poster 视频封面
• width/height 宽度/高度
实例:
<body>
<video controls="controls" width="750" id="video" poster="./mp4.jpg">
<source src="mp4.mp4" />
</video>
</body>
方法:
• Media.currentSrc 返回当前资源的URL
• Media.src = value 返回或设置当前资源的URL
• Media.currentTime = value 当前播放的位置,赋值可改变位置
• Media.duration 当前资源长度 流返回无限
• Media.paused 是否暂停
• Media.played 返回已经播放的区域
• Media.ended 是否结束
• Media.autoPlay 是否自动播放
• Media.loop 是否循环播放
• Media.play() 播放
• Media.pause() 暂停
• Media.volume= value 音量
• Media.muted = value 静音