嵌入视频到 html5 页面

原来这些网友曾问过我这个困惑，今天我就把具体的方式贴上来realplayer插件，专供对这方面有疑问的同学浏览和学习使用。rnrn*******************************************************************rn (一)rnrn在网页中适当嵌入音频和视频无法充分显示网站的多媒体特性，特别是随着宽带网的普及，使得网路广播和网络视频作为现实，网页音频和视频的重要性也逐渐显现。具体来说，网页音频和视频的嵌入方式主要有三种：rnrn一、bgsoundrn（一）、基本语法：rnbgsound src=urlrn说明：bgsound是拿来插入背景音乐的，但只适用于IE浏览器和以IE为内核的浏览器。url为音频文件以及模式，可以是相对路径或绝对路径。 rn示例：rnrnrn（二）、属性修改：rn因为bgsound嵌入的音频文件在网站中没有控件显示，所以在使用bgsound时，它的各个属性就需要加以设置。rn1、自动播放：rn语法：autostart=true、falsern说明：该属性要求音乐文件能否在下载完以后就手动播放。rntrue：音乐文件在下载完以后手动播放；rnfalse：音乐文件在下载完以后不手动播放。

rn示例：rnrnrnrn2、循环播放：rn语法：loop=正整数或infinitern说明：该属性要求音乐文件的循环数量。rn属性值为正整数值时，音乐文件的循环数量与正整数值相等；rn属性值为infinite时，音乐文件反复播放，循环不止。rn示例：rnrnrn rnrnrnrn二、embedrn（一）、基本语法：rnembed src=urlrn说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。url为音频或视频文件以及模式，可以是相对路径或绝对路径。 rn示例：rnrnrn（二）、属性修改：rn1、自动播放：rn语法：autostart=true、falsern说明：该属性要求音频或视频文件能否在下载完以后就手动播放。 rntrue：音乐文件在下载完以后手动播放；rnfalse：音乐文件在下载完以后不手动播放。rn示例：rnrnrnrn2、循环播放：rn语法：loop=正整数、true、falsern说明：该属性要求音频或视频文件能否循环及循环数量。rn属性值为正整数值时，音频或视频文件的循环数量与正整数值相等；rn属性值为true时，音频或视频文件循环；rn属性值为false时，音频或视频文件不循环。

rn示例：rnrnrnrnrn3、面板显示：rn语法：hidden=ture、norn说明：该属性要求控制面板是否显示realplayer插件，默认值为no。rnture：隐藏面板；rnno：显示面板。rn示例：rnrnrnrn4、开始时间：rn语法：starttime=mm:ss（分：秒） rn说明：该属性要求音频或视频文件开始播放的时间。未定义则从文件结尾播放。rn示例：rnrnrn5、音量大小：rn语法：volume=0-100之间的整数 rn说明：该属性要求音频或视频文件的音量大小。未定义则使用平台原本的设置。rn示例：rnrnrn6、容器属性：rn语法：height=# width=# rn说明：取值为正实数或百分数，单位为像素。该属性要求控制面板的高度和尺寸。rnheight：控制面板的高度；rnwidth：控制面板的宽度。rn示例：rnrnrn7、容器单位：rn语法：units=pixels、en rn说明：该属性指定高和宽的单位为pixels或en。rn示例：rnrnrnrn8、外观更改：rn语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumeleverrn说明：该属性要求控制面板的外观。

默认值是console。rnconsole：一般正常面板；rnsmallconsole：较小的面板；rnplaybutton：只显示播放图标；rnpausebutton：只显示暂停图标；rnstopbutton：只显示停止图标；rnvolumelever：只显示音量调节按键。rn示例：rnrnrnrn9、对象名称：rn语法：name=# rn说明：#为对象的名称。该属性给对象取名，以便其它对象运用。rn示例：rnrnrn10、说明文字：rn语法：title=# rn说明：#为表明的文字。该属性要求音频或视频文件的表明文字。rn示例：rnrnrn11、前景色和背景色：rn语法：palette=color|colorrn说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景色，中间用 | 隔开。color可以是RGB色（RRGGBB），也可以是颜色名，还可以是transparent（透明）。rn示例：rnrnrn12、对齐方法：rn语法：align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom rn说明：该属性要求控制面板和当前行中的对象的对齐方法。

rncenter：控制面板居中；rnleft：控制面板居左；rnright：控制面板居右；rntop：控制面板的顶部与当前行中的最高对象的底部对齐；rnbottom：控制面板的顶部与当前行中的对象的基线对齐；rnbaseline：控制面板的顶部与文本的基线对齐；rntexttop：控制面板的顶部与当前行中的最高的文字上方对齐；rnmiddle：控制面板的前面与当前行的基线对齐；rnabsmiddle：控制面板的后面与当前文本或对象的后面对齐；rnabsbottom：控制面板的顶部与文字的上方对齐。rn示例：rnrnrnrnrnrnrn三、img dynsrcrn（一）基本语法：rnimg dynsrc=urlrn说明：img dynsrc可以拿来插入各种多媒体，格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为音频或视频文件以及模式，可以是相对路径或绝对路径。 rn示例：rnrnrn（二）属性修改：rn1、预设图片：rn语法：src=urlrn说明：url为截图文件以及模式，可以是相对路径或绝对路径。该属性的作用是当视频文件下载时，用照片占据视频文件的显示位置；视频文件下载完成，图片被屏蔽，显示视频文件。

若指定dynsrc为一个音频文件以后，src属性就被屏蔽，图片就不可见了。rn示例：rnrnrn2、播放事件：rn语法：start=fileopen、mouseoverrn说明：该属性要求了文件播放的事件，缺省值是fileopen。也可以二者同时修改。另外，用鼠标在播放区域单击一下，也将令浏览器开始播放该文件。rnfileopen：文件开启时；rnmouseover：鼠标移到播放区域上时。rn示例：rnrnrnrnrn3、容器属性：rn语法：height=# width=# rn说明：取值为正整数或百分数。该属性要求控制面板的高度和尺寸。 rnheight：控制面板的高度rnwidth：控制面板的长度rn示例：rnrnrn4、说明文字：rn语法：alt=# rn说明：#为表明文字。alt的值是对文件的非显示表明。rn示例：rnrnrn5、控制显示：rn语法：controlsrn说明：用来在视频窗口下附加MS－WINDOWS的播放控制条。rn示例：rnrnrn6、循环播放：rn语法：loop=正整数或infinite rn说明：该属性要求音频或视频文件的循环数量，属性值为-1或infinite时，音频或视频文件反复播放，循环不止。

rn属性值为正整数值时，音频或视频文件的循环数量与正整数值相等；rn属性值为infinite时，音频或视频文件反复播放，循环不止。rn示例：rnrnrnrn7、延时播放：rn语法：loopdelay=# rn说明：#=毫秒数。该属性要求音频或视频文件的延时播放时间。rn示例：rnrnrn8、补白属性：rn语法：hspace=# vspace=# rn说明：取值为正整数，单位为像素。两个属性应同时应用。 rnhspace：画面离页面左侧的距离；rnvspace：画面离页面上方的距离。rn示例：论坛

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-122739-1.html