网页视频播放器代码示例
需积分: 50 81 浏览量
更新于2024-09-16
收藏 127KB DOC 举报
“网页视频代码”涉及的是在网页中嵌入视频播放器的HTML代码,主要以RM格式为例,包括无边框按钮的RealPlayer播放器的实现方式。
网页中的视频播放通常通过插入对象(OBJECT)标签和内联(EMBED)标签来实现,这些标签允许在网页中嵌入多媒体内容,如RealPlayer、Flash等。在提供的描述和部分内容中,我们看到一个典型的RealPlayer播放器的HTML代码结构,具体包括以下几个关键部分:
1. OBJECT标签:这是HTML中用于插入外部对象的标签,如插件或ActiveX控件。在这个例子中,`ID`属性定义了对象的唯一标识,`CLASSID`则指定了RealPlayer的CLSID(Component Object Class Identifier),用于识别RealPlayer插件。
```html
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>
```
2. PARAM标签:这些标签为OBJECT标签内的对象提供参数。例如,`AUTOSTART`参数决定视频是否自动播放,`SRC`参数指定视频文件的URL。
```html
<param name="AUTOSTART" value="1">
<param name="SRC" value="http://www.gs.xinhuanet.com/old/gansu/huatingzhibo/move/88.rm">
```
3. EMBED标签:在某些浏览器中,可能需要EMBED标签来提供额外的兼容性。它包含了与OBJECT标签类似的参数,如视频源(SRC)、控制样式(CONTROLS)等。
```html
<embed SRC ...>
```
4. 参数详解:
- `_ExtentX` 和 `_ExtentY` 分别代表对象的宽度和高度。
- `AUTOSTART` 的值为0表示不自动播放,1表示自动播放。
- `SHUFFLE` 控制是否随机播放,0表示不随机。
- `PREFETCH` 是否预加载视频,0表示不预加载。
- `NOLABELS` 若设为1,会隐藏控制面板的标签。
- `CONTROLS` 指定显示的控制界面,如“ImageWindow”仅显示播放/暂停按钮。
- `LOOP` 和 `NUMLOOP` 控制循环播放。
- `CENTER` 和 `MAINTAINASPECT` 分别设置是否居中和保持宽高比。
- `BACKGROUNDCOLOR` 设置播放器的背景颜色。
5. 视频文件格式:这里使用的RM格式是RealNetworks公司开发的一种流媒体文件格式,适合在网络上传输。
网页视频代码的编写需要考虑多种浏览器的兼容性,因此通常会同时使用OBJECT和EMBED标签,确保在不同浏览器环境下都能正确播放。此外,随着技术的发展,现代网页更多地使用HTML5的`<video>`标签来插入视频,因为它提供了更丰富的功能和更好的跨浏览器兼容性。不过,对于旧的网站或者需要支持旧版浏览器的场景,RealPlayer这样的插件仍然是一个常见选择。
2021-05-23 上传
点击了解资源详情
2023-03-21 上传
2023-09-06 上传
2023-03-31 上传
2012-04-11 上传
2022-10-30 上传
kenan166
- 粉丝: 1
- 资源: 1
最新资源
- IMDB_sent_analysis
- fyilmaz2312-fyilmaz2312-Ajax-and-AspNetMvc-Page-in-Without-Refreshing-The-Product-Editing-Adding
- 带有实时预览和样式游乐场HTML编辑器
- 【WordPress主题】2022年最新版完整功能demo+插件v4.5.0.zip
- KISS Player:一个简单轻巧的音乐播放器-开源
- TALLER_REFACTORING
- SteamPrivEsc:从最近公开的Steam Client Zero Day升级到NT AUTHORITY \ SYSTEM的简单工具集合
- python-google-automlvision
- Seed_density_workflow
- 华为简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
- Emulator-chip8:微型模拟器
- ColorPickerViewAndroid:适用于 Android 的简单颜色选择器小部件
- kakao-clone-v2:Kakao Talk Clone Verison 2.0
- blueBadgeCocktails-client
- Colorhus_Legacy_Backup:备份旧站点公关客户端请求
- DependencyTrees.jl-9ae0eaca-57f6-5d9a-9b02-4a09e011bd92:来自https的最新快照