当前位置: 主页网页特效专栏播放音乐特效一个JS在线播放器
栏目导航
网页特效
  典型特效 状态栏
  游戏类 页面背景
  页面特效 页面导航
  文本操作 文本特效
  图形特效 鼠标特效
  时间日期 密码类
  浏览相关 警告对话
  技巧类 计数转换
  测试搜索 代码生成
  播放音乐 按钮特效
  系统相关 链接特效
  黑客性质 相关特效
  窗口特效 其它特效
最新更新
 
 
 
 
 
 
 
 
 
 
热点文章
 
 
 
 
 
 
 
 
 
 

一个JS在线播放器

夜鹰电脑教学网 责任编辑:程恭纯 加入日期:2006-12-29 20:40:00 点击数:

查看:[大字体 中字体 小字体]

说明: 一个JS在线播放器

代码:


<html>
<head>
<title>夜鹰电脑教学网欢迎您</title>
<style>
#playerDIV {
background-image: url(collage.jpg);
width:600px;
height:400px;
}
</style>
<script>
var rmID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA";
var wmID="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95";

var thePlayer;

function doPlay(fPath){
if(!fPath)fPath=document.getElementById("txtURL").value;
if(fPath==""||fPath==null)return(false);
fType=fPath.substring(fPath.lastIndexOf(".")+1).toLowerCase();
if(thePlayer){
document.getElementById("theTurePlayerID").outerHTML="";
}
thePlayer=document.createElement("object");
thePlayer.width="100%";
thePlayer.height="100%";
thePlayer.style.display="none";
thePlayer.id="theTurePlayerID";
document.getElementById("playerDIV").appendChild(thePlayer);
switch(fType){
case "rm":case "rmvb":
thePlayer.classid=rmID;
with(thePlayer){
_ExtentX=12118;_ExtentY=8573;
AUTOSTART=-1;SHUFFLE=0;PREFETCH=0;
NOLABELS=0;CONTROLS="Imagewindow";
LOOP=0;NUMLOOP=0;CENTER=1;
MAINTAINASPECT=0;BACKGROUNDCOLOR="#000000";

}
thePlayer.Source=fPath;
thePlayer.DoPlay();
break;
default:
thePlayer.classid=wmID;
thePlayer.fileName=fPath;
thePlayer.Play();
}

setTimeout("thePlayer.style.display='';",1000);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body>
<div id="playerDIV" >
</div>
<label>
<select name="txtURL">
<option>播放列表</option>
<option value="08.rmvb" selected>天使心1</option>
<option value="09.rmvb">天使心2</option>
</select>
</label>
<input type=button onClick="doPlay();" value="播放" /><br/>

</body>
</html>

内嵌式RealPlayer播放器的参数含义
参数:autostart
属性:True或是False
作用:指定是否自动播放指定的源文件

参数:backgroundcolor
属性:任何用符号“#”开头的16进制数值或是任何预定义的颜色
作用:指定图像窗口的背景颜色

参数:center
属性:True或是False
作用:指定片断使用初始编码大小播放,并且在图像窗口的中央。 参数:classid
属性:"clsid:CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:**
作用:用于指定ActiveX控件的唯一的字符串标示,可以认出嵌入的RealPalyer播放器。

参数:console
属性:任何字符串
作用:可以将各种不同的RealPlayer控制聚集在网页上,这样它们可以交互使用或是保持独立,而且互相不影响

参数:controls
属性:ImageWindow,All,ControlPanel,PlavButton,PlayOnlyButton, PauseButton,StopButton,FFCtrl,RWCtrl,MuteCtrl,MuteVolume,VolumeSlider,PositionSlider,TACCtrl,HomeCtrl,InfoVolumePanel,InfoPanel,StatusBar,StatusField,PositionField
作用:可以让你指定那些控制是可见的。

参数:height
属性:任何整数值
作用:指定RealPlayer元素的高度,单位:像素

参数:id
属性:任何字符串
作用:为<obiect>标签中的RealPlayer元素指定名字。

参数:imagestatus
属性:True或是False
作用:指定是否在图像窗口中显示状态信息,默认值是true

参数:loop
属性:True或是False
作用:可以让你指定片断是否无限循环

参数:maintainaspect
属性:True或是False
作用:默认RealPlayer拉伸所有的片断来充满整个图像窗口。 参数:name
属性:任何字符串
作用:为<embed>标签中的RealPlayer元素指定名字(在标签<object>中使用id)

参数:nojava
属性:True或是False
作用:避免启动Java虚拟机

参数:nolabels
属性:True或是False
作用:可以禁止显示标题或是版权信息(realplayer5.0以上时,它是垃圾...)

参数:nologo
属性:True或是False
作用:避免RealPlayer启动时在图像窗口中显示


参数:numloop
属性:任何整数值
作用:让你能够指定文件片循环的次数,不需要参数loop

参数:prefetch
属性:True或是False
作用:指定在播放前,RealPlayer是否可以获得流描述信息,默认值是False

参数:region
属性:任何字符串
作用:同SMIL一起使用。允许你指定使用HTML代替SMIL

参数:scriptcallbacks
属性:用逗号分割的列表
作用:指定浏览器的回调监控(好高级的东东!;—)

参数:shuffle
属性:True或是False
作用:同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件(怎么用,谁教...)

参数:src
属性:任何合法的相对或是完整的URL
作用:指定播放的文件或是源文件的地址

参数:type
属性:字符串
作用:为嵌入插件指定MIME类型

参数:width
属性:任何整数值
作用:指定RealPlayer元素的宽度

controls的属性含义...

组件:imagewindow
作用:视频显示区域

组件:All
作用:嵌入RealPlaver的所有按钮、滑动条和信息面板

组件:ControlPanel
作用:显示所有的控制按钮,以及位置滑动条和扬声器图标,和调节声音大小的滑动条

组件:PlayButton
作用:显示播放(play)按钮和暂停(pause)按钮

组件:PlayOnlyButton
作用:仅显示播放按钮

组件:PauseButton
作用:仅显示暂停按钮

组件:StopButton
作用:仅显示停止(stop)按钮

组件:FFCtrl
作用:仅显示快进(fastforward)按钮

组件:RWCtrl
作用:仅显示回放(rewind)按钮

组件:MuteCtrl
作用:仅显示扬声器图标,用作静音按钮

组件:MuteVolume
作用:显示小的扬声器图标(用于静音)和其上的用于调节音量的滑动条

组件:VolumeSlider
作用:仅显示竖直的音量滑动条

组件:PositionSlider
作用:显示水平的位置滑动条

组件:tacctrl
作用:显示水平的消息框,轮流显示标题、作者以及版权信息

组件:HomeCtrl
作用:显示小的Real标识

组件:infoVolumePanel
作用:显示黑的消息框,用绿色显示标题、作者以及版权信息,在右手方有扬声器图标和声音调节滑动条

组件:infoPanel
作用:同上面一样,但是没有静音按钮和声音调节滑动条

组件:StatusBar
作用:显示水平的消息框,显示片断信息,比如片断的时间,网络状况等等

组件:StatusField
作用:同StatusBar类似,但是只显示消息区域,显示网络消息,比如显示“Re-buffenng...”

组件:PositionField
作用:小的黑的消息框,显示整个文件片断长度以及当前帧在片内的位置

嵌入RealOne播放器

<object ID="rPlayer" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT="100%" WIDTH="100%">
<param name="_ExtentX" value="23627">
<param name="_ExtentY" value="15187">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="address.asp?num=24009987&id=10019">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>

嵌入MediaPlayer播放器

<object id="MediaPlayer" width="478" height="300" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
cab#Version=6,1,5,217" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..." classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" VIEWASTEXT>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="-1">
<param name="Filename" value="mms://www.yy0736.com/视频文件.wmv">
<!-- 此处设置播放的视频连接 -->
<param name="ShowControls" value="0">
</object>

作者:佚名 来源: 网上转帖  

   

上篇: 音乐HTML代码 下篇:在线播放器代码大全


[夜鹰论坛] [我要留言] [关闭窗口] [ ][TOP]

此文章最新评论(不超过十条)
■评论此文章 ( 有问题请去夜鹰论坛发帖 )
共有评论: 查看全部评论 姓名:
【 声明 】 您所发表的言论将被众多网友阅读,因此,您所发表的言论应不违反中国法律,不违背一般的道德原则,否则,您必须对您的不当言论引发的一切不良后果负责;此外,我们的管理员有权删除您发表的不当言论,谢谢合作!