网页嵌入播放器代码大全:从HTML到RealPlayer、MediaPlayer
177 浏览量
更新于2024-08-31
收藏 105KB PDF 举报
"这篇资源主要介绍了如何在网页中嵌入播放器,提供了HTML代码示例,包括RealPlayer和Windows Media Player的插入代码,适合需要在网页中添加音频或视频功能的开发者参考。"
在网页设计中,嵌入播放器是一项基本技能,允许用户在网页上直接播放音频和视频内容。本资源主要关注的是如何使用HTML代码来实现这一功能,特别是针对jsp/html环境。HTML是一种标记语言,用于构建和呈现网页内容,而播放器的嵌入则涉及到特定的HTML标签和属性。
首先,资源中提到了一个简单的HTML `<embed>` 标签示例,用于嵌入本地的MP3文件。这个例子展示了如何指定文件路径、播放器的宽度和高度,以及是否循环播放和自动启动等属性。例如:
```html
<embed src="C:/mp3/10.19/画心.mp3" width="480" height="100" autostart="false" loop="false">
```
这里,`src` 属性指定了音频文件的位置,`width` 和 `height` 分别定义了播放器的尺寸,`autostart` 设为 "false" 表示默认不自动播放,`loop` 为 "false" 表示不循环播放。
接下来,资源还给出了插入RealPlayer的代码示例,使用的是HTML的 `<object>` 标签。这个标签允许插入插件和外部对象,例如:
```html
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="60" id="video1" style="LEFT: 0px; TOP: 0px; width: 209">
<!-- 多个param标签定义各种参数 -->
<param name="_ExtentX" value="5530">
<!-- ... 更多param标签 ... -->
<param name="SRC" value="RM.RAM.RA等音乐文件绝对地址">
<!-- ... 其他param标签 ... -->
</object>
```
RealPlayer的插入需要通过`classid`属性指定插件的类标识,并通过`<param>`标签设置多个参数,如播放器的尺寸、自动播放、循环播放等。
此外,资源还提到了Windows Media Player的嵌入方式,同样使用 `<object>` 标签,但这次需要指定不同的`classid`来调用Windows Media Player控件:
```html
<OBJECT id=mPlayer1 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6 width=220 height=64
type="application/x-oleobject">
<!-- 各种param标签定义参数 -->
<param name="URL" value="音频或视频文件URL">
<!-- ... 更多param标签 ... -->
</OBJECT>
```
在Windows Media Player的例子中,`URL` 参数指定了媒体文件的在线地址,而不是本地文件路径。
总结来说,网页中嵌入播放器的关键在于理解HTML的 `<embed>` 和 `<object>` 标签,以及如何正确配置这些标签的属性和`<param>`标签来定制播放器的行为。对于开发人员而言,掌握这些基础知识能帮助他们创建具有多媒体功能的交互式网页。
2020-10-22 上传
2020-09-28 上传
2020-10-29 上传
2022-01-12 上传
点击了解资源详情
2020-10-27 上传
2013-06-15 上传
147 浏览量
2022-01-20 上传
weixin_38744207
- 粉丝: 344
- 资源: 2万+
最新资源
- SSM动力电池数据管理系统源码及数据库详解
- R语言桑基图绘制与SCI图输入文件代码分析
- Linux下Sakagari Hurricane翻译工作:cpktools的使用教程
- prettybench: 让 Go 基准测试结果更易读
- Python官方文档查询库,提升开发效率与时间节约
- 基于Django的Python就业系统毕设源码
- 高并发下的SpringBoot与Nginx+Redis会话共享解决方案
- 构建问答游戏:Node.js与Express.js实战教程
- MATLAB在旅行商问题中的应用与优化方法研究
- OMAPL138 DSP平台UPP接口编程实践
- 杰克逊维尔非营利地基工程的VMS项目介绍
- 宠物猫企业网站模板PHP源码下载
- 52简易计算器源码解析与下载指南
- 探索Node.js v6.2.1 - 事件驱动的高性能Web服务器环境
- 找回WinSCP密码的神器:winscppasswd工具介绍
- xctools:解析Xcode命令行工具输出的Ruby库