🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] #### audio音频元素 audio: • 直到现在,仍然不存在一项旨在网页上播放音频的标准。 • 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥 有同样的插件。 • HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。 属性: • controls 显示控制条 • loop 循环播放 • autoplay 自动播放 示例: <audio controls="controls" loop="loop" autoplay="autoplay"> <source src=" ../xiangwang.mp3" /> <source src=" ../xiangwang.ogg" /> 你的浏览器不支持audio标签 </audio> #### video视频元素 video: • HTML5 规定了在网页上嵌入视频元素使用 <video> 元素。 属性: • controls 显示控制条 • loop 循环播放 • autoplay 自动播放 • poster 视频封面 • width/height 宽度/高度 示例: <video controls="controls" width="750" id="video" poster="../flower.jpg"> <source src="../kuaixuewang.mp4" /> </video> 开源播放器: http://docs.videojs.com/ #### video方法控制 Media.currentSrc 返回当前资源的URL Media.src = value 返回或设置当前资源的URL Media.currentTime = value 设置或返回音频/视频当前播放位置(以秒计) Media.duration 返回当前音频/视频的长度(以秒计) Media.paused 是否暂停 Media.ended 是否结束 Media.played 返回已经播放的区域 Media.autoPlay 是否自动播放 Media.loop 是否循环播放 Media.play() 播放 Media.pause() 暂停 Media.volume=value 音量,介于 0.0 与 1.0,1.0 是最高音(默认) Media.muted = true|false 静音 参考地址: http://www.w3school.com.cn/html5/html5_ref_audio_video_dom.asp