网页添加多媒体元素之:添加多媒体文件

添加多媒体文件

        如果能在网页中加入音乐或视频文件,可以使单调的网页变得更加生动。但是如果要正确浏览嵌入了这些文件的网页,就需要在客户端的计算机中安装相应的播放软件。使用<embed>标记可以将多媒体文件嵌入到网页中。
1 添加多媒体文件标记——embed
        在网页中常见的多媒体文件包括声音文件和视频文件。
        语法:<embed src="多媒体文件地址" width=播放界面的宽度 height=播放界面的高度></embed>
        说明:在该语法中,width 和height 一定要设置,单位是像素,否则无法正确显示播放多媒体文件的软件。
        实例代码:
<html>
<head>
<title>嵌入多媒体文件</title>
</head>
<body>
下面是嵌入的多媒体文件:<br>
<embedsrc="exam01.mid"width=500height=200></embed>
</body>
</html>
        运行这段代码,可以看到一个播放页面。单击页面中的播放按钮可以播放插入的声音文件exam01.mid。
2 设置自动运行——autostart
        登录网页时常常会看到一些视频文件直接开始运行,不需要手动开始,特别是一些广告内容,这是通过autostart 参数来实现的。
        语法:<embed src="多媒体文件地址" autostart=是否自动运行></embed>
        说明:autostart 的取值有两个:一个是true,表示自动播放;另一个是false,表示不自动播放。
        实例代码:
<html>
<head>
<title>设置自动运行</title>
</head>
<body>
下面的视频文件中左边的视频文件将会自动播放,而右边的视频文件则需要手动播放:<br>
<embedsrc="exam01.avi"width=300 autostart=True></embed>
<embedsrc="exam01.avi"width=300 autostart=False></embed>
</body>
</html>
        运行这段代码,可以看到两个视频文件的不同效果。
3 设置媒体文件的循环播放——loop
        这里的循环播放一般在设置了自动播放时采用,与背景音乐的设置基本相同。
        语法:<embed src="多媒体文件地址" loop=是否循环播放></embed>
        说明:在该语法中,loop 的取值不是具体的数字,而是true 或者false,如果取值为true,表示媒体文件将无限次地循环播放;如果取值为false,则只播放一次。这里的loop 也可以设置为播放次数,但是用途并不广泛。
        实例代码:
<html>
<head>
<title>设置循环播放</title>
</head>
<body>
下面的视频文件将循环播放:<br>
<embed src="exam01.avi" width=300 autostart=True loop=True
></embed>
</body>
</html>
        运行这段代码,就会看到效果。
4 隐藏面板——hidden
         其实也可以将媒体文件的声音保留而隐藏图像,这样就相当于设置了背景声音。通过hidden 参数可以隐藏播放面板。
        语法:<embed src="多媒体文件地址" hidden=是否隐藏></embed>
        说明:在该语法中,hidden 可以设置两个值:一个是true,表示隐藏面板;另一个是false,表示显示面板,这是添加媒体文件的默认选项。如果要保留声音,就要设置文件的自动播放。
        实例代码:
<html>
<head>
<title>设置隐藏面板</title>
</head>
<body>
下面的视频文件播放面板被隐藏:<br>
<embed src="exam01.avi"width=300 autostart=True hidden=True
></embed>
</body>
</html>
        运行这段代码,看到播放控制面板已经不见了,只能听到播放的声音效果。
5 添加其他类型的媒体文件
        除了 avi 媒体文件之外,在网页中还可以嵌入flash、mpeg 等类型的媒体文件,方法与avi 媒体文件相同。
        实例代码:
<html>
<head>
<title>嵌入多媒体文件</title>
</head>
<body>
下面嵌入不同类型的媒体文件:<br>
<embed src="exam01.swf" width=300></embed>
<embed src="exam01.mpg" width=300></embed>
</body>
</html>
        运行这段代码,看到在页面中添加了两种不同类型的媒体文件。其中,左侧的媒体文件为Flash 类型,右侧的文件为mpeg 类型。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.liangtzi.net/index.php/post/283.html