html5的多媒体的属性及其简单的属性-编程百科-86后生记录生活

html5的多媒体的属性及其简单的属性

2023-09-05 阅读 136 评论 0

摘要：1.多媒体的属性及其简单的属性： Src：用来指定多媒体文件的来源。 Autoplay：一个布尔值，用来指定浏览器是否进行自动播放。 Loop：一个布尔值，用来指定浏览器是否进行自动循环。 Muted：属性用来指定多媒体资源播放时是否静音

1. 多媒体的属性及其简单的属性：

Src：用来指定多媒体文件的来源。

Autoplay：一个布尔值，用来指定浏览器是否进行自动播放。

Loop：一个布尔值，用来指定浏览器是否进行自动循环。

Muted：属性用来指定多媒体资源播放时是否静音。

Controls：一个布尔值，用来指定浏览器是否显示用户控制钮件。

CrossOrigi:用来指定多媒体在不同的域中得到服务的条件。这个属性用来解决播放与跨域资源共享问题。其中其属性的属性值如下：

Poster：用来在多媒体显示区域显示一张图片。

Mediagroup:用来将多媒体资源链接起来做重要操作，但是很多浏览器都还没有实现这个属性。

Preload:用来指定浏览器是否对多媒体文件进行预加载。

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的属性的属性值如下：