H5 音频 视频 <audio> <video> 都必须要写的一个属性 播放插件 controls
音频:<audio>
背景音乐:<bgsound src="" autostart="自动开始? true 或 false " loop=“是否自动播放” hidden=“是否隐藏”
auido:3种文件格式 浏览器会选择一个可用格式 自动播放
<source src=".ogg">
<surce src=".mp3">
<surce src=".mav">
audio 播放属性:
autoplay:自动播放
loop: 循环播放,永久循环
muted:静音
preload:auto || none 页面刷新重新加载
js:play() 自动播放
<audio id="audio" src="1.mp3"></audio>
pause() 暂停
muted=true /false 静音
load() 重新加载
播放其他音频:
audio.src=" 地址"
audio.play()
audio.currentTime=0 改变当前播放进度
监听播放是否完成:
ended 事件
audio.onended=function() {}
audio.addEventListen
时间:
currentTime() 当前播放时间
duration() 音频总时常
progrees 正在请求
timeupdate 播放时长
视频:<video>
视频与音频属性用法一样。只是多了一项 postier=“ ” 视频封面属性
进入全屏: (webkit/moz)movie.mozRequestFullscreen() , request Fullscreen()
退出全屏: 自认为无效。在全屏状态下无法加入交互事件 只能依靠 浏览器自身机制
原文:https://www.cnblogs.com/Yi-Wei/p/14222569.html