快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

HTML5多媒体audio和video相关属性有哪些-创新互联

这篇“HTML5多媒体audio和video相关属性有哪些”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“HTML5多媒体audio和video相关属性有哪些”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

郴州网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联建站成立与2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

前面我们学习了audio和video最基本的用法,为了更加灵活的控制音视频的播放,我们就需要学习HTML5为我们提供的相关属性、方法和事件了。


audio和video相关属性

属性描述
src用于指定媒体资源的URL地址
autoplay资源加载后自动播放
buffered用于返回一个TimeRanges对象,确认浏览器已经缓存媒体文件。
controls提供用于播放的控制条
currentSrc返回媒体数据的URL地址
currentTime获取或设置当前的播放位置,单位为秒
defaultPlaybackRate返回默认播放速度
duration获取当前媒体的持续时间
loop设置或返回是否循环播放
muted设置或返回是否静音
networkState返回音频视频当前网络状态
paused检查视频是否已暂停
playbackRate设置或返回音频视频的当前播放速度
played返回TimeRanges对象。TimeRanges表示用户已经播放的音频视频范围
preload设置或返回是否自动加载音视频资源
readyState返回音频视频当前就绪状态
seekable返回TimeRanges对象,表明可以对当前媒体资源进行请求
seeking返回是否正在请求数据
valume设置或返回音量,值为0到1.0

audio和video相关方法

方法描述
canPlayType()检测浏览器是否能播放指定的音频、视频
load()重新加载音频、视频元素
pause()停止当前播放的音频、视频
play()开始播放当前音频、视频

audio和video相关事件

事件描述
canplay当浏览器能够开始播放指定的音视频时,发生此事件
canplaythrough当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频视频时,发生此事件
durationchange当音频、视频的时长数据发生变化时,发生此事件
loadeddata当当前帧数据已加载,但没有足够的数据来播放指定音频视频的下一帧时,会发生此事件
loadedmatadata当指定的音频视频的元数据已加载时,会发生此事件。元数据包括时长、尺寸(仅视频)以及文本轨道
loadstart当浏览器开始寻找指定的音频视频时,发生此事件
progress正在下载指定的音频视频时,发生此事件
abort音频视频终止加载时,发生此事件
ended音频视频播放完成后,发生此事件
error音频、视频加载错误时,发生此事件
pause音频视频暂停时,发生此事件
play开始播放时,发生此事件
playing因缓冲而暂停或停止后已就绪时触发此事件
ratechange音频视频播放速度发生改变时,发生此事件
seeked用户已移动、跳跃到音频视频中的新位置时,发生此事件
seeking用户开始移动、跳跃到新的音频视频播放位置时,发生此事件
stalled浏览器尝试获取媒体数据,但数据不可用时触发此事件
suspend浏览器刻意不加载媒体数据时触发此事件
timeupdate播放位置发生改变时触发此事件
volumechange音量发生改变时触发此事件
waiting视频由于需要缓冲而停止时触发此事件

感谢你的阅读,希望你对“HTML5多媒体audio和video相关属性有哪些”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注创新互联行业资讯频道!


当前文章:HTML5多媒体audio和video相关属性有哪些-创新互联
文章链接:http://6mz.cn/article/deejcs.html

其他资讯