当前位置: 首页 > Web前端 > HTML5

HTML5Audio&Video属性解析

时间:2023-04-05 19:28:26 HTML5

1.HTMLaudio/video方法play()play()方法开始播放当前的音频或视频。varmyVideo=document.getElementById("video1");函数playVid(){myVideo.play();}functionpauseVid(){myVideo.pause();}pause()pause()方法暂停当前的音频或视频。varmyVideo=document.getElementById("video1");函数playVid(){myVideo.play();}functionpauseVid(){myVideo.pause();}load()load()方法重新加载音频/视频(音频/视频)元素。load()方法用于在更改源或其他设置后更新音频/视频元素。更改视频源
您的浏览器不支持HTML5视频标签。canPlayType()函数supportType(e,vidType,codType){myVid=document.createElement('video');isSupp=myVid.canPlayType(vidType+';codecs="'+codType+'"');如果(isSupp==“”){isSupp="否";}returnisSupp;}2.HTML音视频属性autoplay[Set]或[Return]加载音视频后是否立即播放。controls[Settings]或[Return]是否显示音频/视频控件(如播放/暂停等)。currentTime[set]或[return]音频/视频中的当前播放位置(以秒为单位)。defaultMuted[Set]or[Return]音频/视频是否默认静音。defaultPlaybackRate[设置]或[返回]音频/视频的默认播放速度。duration[return]当前音频/视频的长度(以秒为单位)。ended[Return]音视频播放是否结束error[Return]表示音视频错误状态的MediaError对象。loop[set]或[return]音频/视频结束时是否应重播。muted【设置】或【返回】是否静音。paused[设置]或[返回]音频/视频是否暂停。playbackRate[set]或[return]音频/视频播放的速度。src[set]或[return]音频/视频元素的当前源。volume[set]或[return]音频/视频音量。2.HTML音频/视频事件canplay当浏览器可以开始播放音频/视频时触发。ended当前播放列表结束时触发。error在音频/视频加载过程中发生错误时触发。暂停音频/视频暂停时触发。play当音频/视频开始或不再暂停时触发。playing当音频/视频因缓冲而暂停或停止后准备就绪时触发。progress在浏览器下载音频/视频时触发。ratechange当音频/视频的播放速度改变时触发。seed当用户移动/跳转到音频/视频中的新位置时触发。seeking当用户开始移动/跳到音频/视频中的新位置时触发。timeupdate当前播放位置改变时触发。volumechange当音量改变时触发。waiting当视频停止时触发,因为它需要缓冲下一帧。在音频/视频加载过程中,会依次发生以下事件:loadstartdurationchangeloadedmetadataloadeddataprogresscanplaycanplaythrough