HTML中嵌入视频教程:div内嵌RM与WMV格式
需积分: 20 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>`标签来实现跨平台兼容性。
2019-04-16 上传
2020-09-20 上传
2023-06-11 上传
2024-07-12 上传
许伟伟
- 粉丝: 5
- 资源: 1
最新资源
- Raspberry Pi OpenCL驱动程序安装与QEMU仿真指南
- Apache RocketMQ Go客户端:全面支持与消息处理功能
- WStage平台:无线传感器网络阶段数据交互技术
- 基于Java SpringBoot和微信小程序的ssm智能仓储系统开发
- CorrectMe项目:自动更正与建议API的开发与应用
- IdeaBiz请求处理程序JAVA:自动化API调用与令牌管理
- 墨西哥面包店研讨会:介绍关键业绩指标(KPI)与评估标准
- 2014年Android音乐播放器源码学习分享
- CleverRecyclerView扩展库:滑动效果与特性增强
- 利用Python和SURF特征识别斑点猫图像
- Wurpr开源PHP MySQL包装器:安全易用且高效
- Scratch少儿编程:Kanon妹系闹钟音效素材包
- 食品分享社交应用的开发教程与功能介绍
- Cookies by lfj.io: 浏览数据智能管理与同步工具
- 掌握SSH框架与SpringMVC Hibernate集成教程
- C语言实现FFT算法及互相关性能优化指南