1. 多媒体的属性及其简单的属性:
Src:用来指定多媒体文件的来源。
Autoplay:一个布尔值,用来指定浏览器是否进行自动播放。
Loop:一个布尔值,用来指定浏览器是否进行自动循环。
Muted:属性用来指定多媒体资源播放时是否静音。
Controls:一个布尔值,用来指定浏览器是否显示用户控制钮件。
CrossOrigi:用来指定多媒体在不同的域中得到服务的条件。这个属性用来解决播放与跨域资源共享问题。其中其属性的属性值如下:
CrossOrigi属性值 | 说明 |
anonymous | 默认值,表示跨域方法不需要证书。 |
use-credentials | 表示跨域方法需要证书 |
Poster:用来在多媒体显示区域显示一张图片。
Mediagroup:用来将多媒体资源链接起来做重要操作,但是很多浏览器都还没有实现这个属性。
Preload:用来指定浏览器是否对多媒体文件进行预加载。
Preload属性值 | 说明 |
none | 表示不进行预加载。 |
Auto | 表示全部进行预加载,默认值。 |
Width:设置视频播放区域的宽度。
Height:设置视频播放区域的高度。
Videowidth和videoheight属性都是video标检独有的只读属性,也就是说这两个属性只能用脚本来获取它的值,它们分别表示视频资源固有的尺寸大小。
2、多媒体的source子标检及其属性:
Source:标检用来设置多个媒体文件资源。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<video controls=”controls”>
<source src=”1.ogv”/>
<source src=”2.ogv”/>
<source src=”3.ogv”/>
<source src=”4.ogv”/>
</video>
</body>
</html>
Media:属性用来指定用户浏览器对于特定媒体资源是否有效。常见的media的属性的属性值如下:
Media属性值 | 说明 |
Handled | 表示该媒体只在手持设备上有效,默认为all。 |
All and (min-device-height:600px) | 表示该媒体只在浏览器的最小高度达到600像素时有效。 |
All and (min-device-height:800px) | 表示该媒体只在浏览器的最小高度达到600像素时有效。 |
Type:属性用来指定多媒体的视频容器和编解码器。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<video controls=”controls”>
<source
src=”1.ogv” type=”video/ogg;codecs=”theora,vorbis””media=”handheld”/>
<source src=”2.ogv”/>
<source src=”3.ogv”/>
<source src=”4.ogv”/>
</video>
</body>
</html>