HTML中嵌入视频教程:div内嵌RM与WMV格式
需积分: 50 63 浏览量
更新于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>`标签来实现跨平台兼容性。
186 浏览量
点击了解资源详情
点击了解资源详情
2250 浏览量
1119 浏览量
点击了解资源详情
2023-06-11 上传
175 浏览量
点击了解资源详情

许伟伟
- 粉丝: 5
最新资源
- C++课程作业全集:深入掌握编程技能
- Unity游戏开发必备——LitJson插件使用指南
- 绿色版图标提取器:快速提取EXE/DLL图标
- Android搜索器实现-简约炫酷的SearchableSpinner
- 飞思智能车用两路IR2104S驱动电路设计与测试
- Android图表绘制简易教程与hellochart应用
- HWP2007viewer:便捷的韩国文档编辑软件查看器
- 创新设计:防丢失笔帽的笔具技术方案
- 老朽痴拙汉化版FrontEnd Plus 2.03:JAVA反编译利器
- 网络压缩项目:探索高效信息编码新方法
- Combuilder:Joomla组件开发的命令行神器
- 易语言实现多参数线程启动技巧分享
- Hishop网店助理v1.6.2:本地管理与平台互通神器
- MonoGame案例解析:构建单人游戏的C#之旅
- 网上商城系统实现:JSP+Servlet+JavaBean源码
- TCPView3.05:网络连接状态监控利器