Video对象的poster属性和视频暂停，静音，循环播放属性讲解

html5知识学习之Video对象学习课程，Video对象的poster属性描述了在视频加载时或在用户点击播放按钮前显示的图片，如果不包含该属性，视频的第一帧将被用来代替显示；paused视频是否暂停属性，muted视频是否静音，loop视频循环播放；下面让我们通过kphp框架学习网站来给大家详细介绍一下Video的这四个属性。

(13)poster 属性

poster 属性用于设置或返回视频的 poster 属性值。

poster 属性描述了在视频加载时或在用户点击播放按钮前显示的图片。如果不包含该属性，视频的第一帧将被用来代替显示。

语法：

返回值poster属性：videoObject.poster

设置poster属性：videoObject.poster=URL

属性值：

字符串，表示预览图片的 URL地址。返回实体 URL，包含协议 ( http://)

poster属性事例测试

(14)paused 属性

paused 属性返回视频是否已暂停,用于判断视频是否暂停属性，暂停返回true否则返回false。

注意： 该属性为只读属性。

语法：

videoObject.paused

属性值：

布尔值，如果视频已暂停返回 true，否则为 false

paused属性视频暂停事例测试

(15)muted 属性

muted 属性设置或返回视频是否应该被静音（关闭声音）；

该属性反映了 muted 属性，属性存在时，它描述了视频输出状态为静音。

语法：

返回muted属性：videoObject.muted

设置muted属性：videoObject.muted=true|false

属性值：布尔值

true - 指示应该关闭视频的声音；

false - 默认。指示应该打开视频的声音。

muted属性视频静音事例测试

(16)loop 属性

loop属性设置或返回视频是否循环播放。

该属性反映了 loop 属性。当存在该属性时，它描述了视频是否循环播放。

语法：

返回loop属性：videoObject.loop

设置loop属性：videoObject.loop=true|false

属性值：布尔值

true -指示视频应该在结束时再次播放即循环播放。

false - 默认。指示视频不应该在结束时再次播放。

loop属性视频循环播放事例测试

以上是今天通过kphp框架网站给大家分享的Video对象的poster,paused,muted,loop属性，对于通过dom制作个性化的播放器是很有帮助的，希望大家可以结构css制作出精美的按钮，对视频进行操作。

原文来自kphp框架，转载请注明出处：http://www.kphp.org/?faq-show-63.html