HTML5中的音频和视频媒体播放元素小结

2020-04-25 07:47:41易采站长站整理
ended如果媒体文件已经播放完毕,则返回truestartTime返回最早的播放起始时间,一般是0.0,除非是缓冲过的媒体文件,并且一部分内容已经不在缓冲区error在发生了错误的情况下返回的错误代码currentSrc以字符串形式返回当前正在播放或已加载的文件。对应于浏览器在source元素中选择的文件。

可脚本控制的特性值

特性
autoplay将媒体文件设置为创建后自动播放,或者查询是否已设置为autoplay
loop如果媒体文件播放完毕后能重新播放则返回true,或者将媒体文件设置为循环播放(或者不循环播放)
currentTime以s为单位返回从开始播放到现在所用的时间。在播放过程中,设置currentTime来进行搜索,并定位到媒体文件的特定位置
controls显示或隐藏用户控制界面,或者查询用户控制界面当前是否可见
volume在0.0到1.0之间设置音频音量的相对值,或者查询当前音量的相对值。
muted为音频文件设置静音或者消除静音,或者渐层当前是否为静音
autobuffer通知播放器在媒体文件开始播放前,是否进行缓冲加载。如果媒体文件已经设置为autoplay,则忽略测特性。

3.1使用audio和video元素
HTML5 video元素同audio元素非常类似,只是比audio元素多了一些特性。

特性
poster在视频加载完成之前,代表视频内容的图片的URL地址,可以想象一下“电影海报”。该特性不仅可读,而且可以修改,以便更换图片
width、height读取或设置显示尺寸。如果设置的宽度与视频本身大小不匹配,可能导致居中显示,上下或左右可能出现黑色条状区域。
videoWidth、videoHeight返回视频固有的或自适应的宽度和高度。只读video元素还有一个audio元素不支持的关键特性:可被HTML5 Canvas的函数调用。

提示:当canvas使用视频作为绘制来源时,画出来的只是当前播放的帧。