HTML中嵌入视频教程:div内嵌RM与WMV格式

需积分: 20 12 下载量 104 浏览量 更新于2024-09-11 1 收藏 1KB TXT 举报
本文将介绍如何在HTML中的`div`元素内部嵌入视频内容,包括两种常见的视频格式:RM(RealMedia)和WMV(Windows Media Video),并提供相关参数的详细解释。 在HTML中,我们可以使用不同的标签和属性来嵌入不同类型的视频。对于RM格式,可以使用`<embed>`标签,如下所示: ```html <embed src="ksa.rm" type="audio/x-pn-realaudio-plugin" hidden="no" CONTROLS="smallconsole" autostart="true" border="1" width="269" height="191"> ``` 这里的参数含义如下: - `src`:指定视频文件的URL。 - `type`:定义媒体类型,这里是“audio/x-pn-realaudio-plugin”用于RealMedia。 - `hidden`:如果设置为“no”,则视频控件可见。 - `CONTROLS`:指定显示的控制条,例如“smallconsole”表示小控制台。 - `autostart`:如果设置为“true”,视频将在页面加载时自动播放。 - `border`:设置视频边框的宽度。 - `width`和`height`:定义视频播放区域的宽度和高度。 对于WMV格式,可以使用`<object>`和嵌套的`<embed>`标签,如下所示: ```html <object align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class=OBJECT id=MediaPlayer width=300 height=260> <param name=ShowStatusBar value=-1> <param name=Filename value='2.wmv'> <embed type=application/x-oleobject codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" flename=mp src='2.wmv' width=300 height=260> </embed> </object> ``` 这里同样有多个参数,如: - `classid`:定义ActiveX控件的类标识,用于Windows Media Player。 - `<param>`标签用于传递额外的参数,例如`ShowStatusBar`控制状态栏是否显示,`Filename`指定视频文件名。 - `type`:定义对象类型,这里是“application/x-oleobject”。 - `codebase`:指向ActiveX控件的URL。 - `flename`:可能用于特定的ActiveX控件名称。 - `src`:同RM格式,指定视频源文件。 - `width`和`height`:与RM格式相同,定义播放区域大小。 此外,还有一些通用的视频参数: - `autostart`:决定视频是否自动播放,默认通常为“false”。 - `loop`:控制视频是否循环播放,设置为“true”则循环播放。 - `volume`:设置音量,范围是“0-100”,默认可能是系统设置。 - `starttime`:指定视频开始播放的时间,如"00:10"表示从第10秒开始。 - `endtime`:设定视频停止播放的时间点。 - `controls`:定义显示的控制元素,如“console”、“smallconsole”等。 - `hidden`:如果设置为“true”,则隐藏整个视频播放器。 通过这些HTML标签和属性,我们可以灵活地在`div`元素内嵌入视频内容,并根据需要调整其行为和外观。需要注意的是,不同的浏览器和操作系统可能支持不同的视频格式和插件,因此在实际应用中,可能需要提供多种格式的视频源或使用现代浏览器支持的HTML5 `<video>`标签来实现跨平台兼容性。