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

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

(13)poster 属性

poster 属性用于设置或返回视频的 poster 属性值。
poster 属性描述了在视频加载时或在用户点击播放按钮前显示的图片。如果不包含该属性,视频的第一帧将被用来代替显示。<br />
语法:
返回值poster属性:videoObject.poster
设置poster属性:videoObject.poster=URL
属性值:
字符串,表示预览图片的 URL地址。返回实体 URL,包含协议 ( http://)
poster属性事例测试

(14)paused 属性

paused 属性返回视频是否已暂停,用于判断视频是否暂停属性,暂停返回true否则返回false。
注意: 该属性为只读属性。
语法:
videoObject.paused
属性值:
布尔值,如果视频已暂停返回 true,否则为 false
paused属性视频暂停事例测试

(15)muted 属性

muted 属性设置或返回视频是否应该被静音(关闭声音);
该属性反映了 <video> muted 属性,属性存在时,它描述了视频输出状态为静音。
语法:
返回muted属性:videoObject.muted
设置muted属性:videoObject.muted=true|false
属性值:布尔值
true  - 指示应该关闭视频的声音;
false - 默认。指示应该打开视频的声音。
muted属性视频静音事例测试

(16)loop 属性

loop属性设置或返回视频是否循环播放。
该属性反映了 <video> loop 属性。当存在该属性时,它描述了视频是否循环播放。
语法:
返回loop属性:videoObject.loop
设置loop属性:videoObject.loop=true|false
属性值:布尔值
true -指示视频应该在结束时再次播放即循环播放。
false - 默认。指示视频不应该在结束时再次播放。
loop属性视频循环播放事例测试

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

最新动态

学习指南:

知识总结: