kphp框架分享html5中Video对象的volume属性、height和width属性讲解
标签:volume,height,width 点击6208次 时间:2015-12-02
html5知识学习之Video对象学习课程,Video对象的volume属性设置或返回视频的当前音量;height属性用于设置或返回视频播放器的高度;width属性用于设置或返回视频播放器的宽度;下面让我们通过kphp框架学习网站来给大家详细介绍一下Video的这三个属性。

html5知识学习之Video对象学习课程,Video对象的volume属性设置或返回视频的当前音量;height属性用于设置或返回视频播放器的高度;width属性用于设置或返回视频播放器的宽度;下面让我们通过kphp框架学习网站来给大家详细介绍一下Video的这三个属性。

(23)volume 属性

volume 属性设置或返回视频的当前音量,从 0.0 (静音) 到 1.0 (最大声)。
注意: <video> 元素是 HTML5 新增的。
语法:
返回volume属性:videoObject.volume
设置volume属性:videoObject.volume=number(0.0~1.0)
属性值:number
规定视频的当前音量。必须是介于 0.0 与 1.0 之间的数字。
实例 :
1.0 是最高音量(默认)
0.5 是一半音量 (50%)
0.0 是静音
volume属性事例测试

(24)height 属性

height 属性用于设置或返回视频播放器的高度;height属性描述了视频的高度,以像素计。
提示:规定视频的高度和宽度是一个好习惯。如果设置这些属性,在页面加载时会为视频预留出空间。如果没有设置这些属性,那么浏览器就无法预先确定视频的尺寸,这样就无法为视频保留合适的空间。结果是,在页面加载的过程中,其布局也会产生变化。
注意:请勿通过 height 和 width 属性来缩放视频!通过 height 和 width 属性来缩小视频,只会迫使用户下载原始的视频(即使在页面上它看起来较小)。正确的方法是在网页上使用该视频前,使用软件对视频进行压缩。
语法:
返回height属性:videoObject.height
设置height属性:videoObject.height=pixels
属性值:数字,表示视频的高度,以像素计
height属性事例测试

(25)width 属性

width属性用于设置或返回视频播放器的宽度,width属性描述了视频播放器的宽度,以像素计。
语法:
返回width属性:videoObject.width
设置width属性:videoObject.width=pixels
属性值:数字,表示视频的高度,以像素计
width属性事例测试

以上是今天通过kphp框架网站给大家分享的Video对象的volume、height和width属性讲解,对于通过html5播放视频进行视频操作很有帮助,希望大家可以通过讲解更好的运用Video对象的属性,对视频进行操作。

最新动态

学习指南:

知识总结: