刚做完一个项目,其中有个视频播放的,其实网上的代码都没有错,但感觉不详细,特别是播放文件的路径,有本地的,有当前项目中的,有网络上的,网上很多,但没有一个说明是哪个路径,这里,经过本人测试,不多说了,直接上图吧!如果有问题可以交流一下学习学习
运行后:
这里,路径有三种:
//路径以浏览器中的网站路径为准,有三种
//1.工具中点击运行,则路径就是浏览器网址栏中显示的路径,如案例中的http://localhost:5772/MyPlayer/testPlayer.html
//2.IIS中,如我将网址发布到IIS中的AAA文件夹下,这视频路径为http://lacalhost/AAA/MV/****.rmvb
//3.网站上线后,视频路径应该为http://www.bbb.com/MV/***.rmvb
//此处我的浏览器中显示的路径为http://localhost:5772/MyPlayer/testPlayer.html,其中 http://localhost:5772/项目名/, 类似于网站根目录,视频路径/MV/***.rmvb加后面即可,切记,本电脑上端口号为5772,不同的电脑可能会不一样,浏览时改为自己浏览器中的即可,否则会一直准备就绪
在JS中视频格式以【】包围的说明是本人测试通过的,没有的理论上也可以播放,
关于视频格式的转换,介意到网上下载一个格式工厂软件,千万不要只改后缀名,这样播放器不能识别,还是用软件好一点
一下奉上源代码:
player.js
//综合型 function Player(url,w,h) {
//1为是,0为否 var p=''; p+='<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,1,5,217"id=MediaPlayer type=application/x-oleobject width="'+w+'" height="'+h+'" standby="Loading Microsoft Windows Media Player components..." VIEWASTEXT align=MIDDLE>';
p += '<param name=AudioStream value="1">';
//是否自动调整大小
p += '<param name=AutoSize value="0">';
//是否自动播放
p+='<param name=AutoStart value="1">';
p+='<param name=AnimationAtStart value="1">'
p+='<param name=AllowScan value=-1>';
p+='<param name=AllowChangeDisplaySize value="0">';
p += '<param name=AutoRewind value="0">';
p+='<param name=Balance value="0">';
p+='<param name=BaseURL value="">';
p+='<param name=BufferingTime value="5">';
p+='<param name=CaptioningID value="">';
p+='<param name=ClickToPlay value="0">';
p+='<param name=CursorType value="32512">';
p+='<param name=CurrentPosition value="-1">';
p+='<param name=CurrentMarker value="0">';
p+='<param name=DefaultFrame value="1">';
p+='<param name=DisplayBackColor value="0">';
p+='<param name=DisplayForeColor value="16777215">';
p+='<param name=DisplayMode value="0">';
p+='<param name=DisplaySize value="0">';
p+='<param name=Enabled value="-1">';
p+='<param name=EnableContextMenu value="-1">';
p+='<param name=EnablePositionControls value="0">';
p+='<param name=EnableFullScreenControls value="0">';
p+='<param name=EnableTracker value="1">';
p+='<param name=Filename value="'+url+'">';
p+='<param name=InvokeURLs value="-1">';
p+='<param name=Language value="-1">';
p += '<param name=Mute value="0">';
//播放次数1为循环播放0为播放一次
p+='<param name=PlayCount value="1">';
p+='<param name=PreviewMode value="0">';
p+='<param name=Rate value="1">';
p+='<param name=SAMILang value="">';
p+='<param name=SAMIStyle value="">';
p+='<param name=SAMIFileName value="">';
p+='<param name=SelectionStart value="0">';
p+='<param name=SelectionEnd value="true">';
p+='<param name=SendOpenStateChangeEvents value="-1">';
p+='<param name=SendWarningEvents value="-1">';
p+='<param name=SendErrorEvents value="-1">';
p+='<param name=SendKeyboardEvents value="0">';
p+='<param name=SendMouseClickEvents value="0">';
p+='<param name=SendMouseMoveEvents value="0">';
p += '<param name=SendPlayStateChangeEvents value="-1">';
//可以根据属性值0或1来选择显示或不显示某一个功能面板
p+='<param name=ShowCaptioning value="0">';
p+='<param name=ShowControls value="1">';
p+='<param name=ShowAudioControls value="0">';
p+='<param name=ShowDisplay value="0">';
p += '<param name=ShowGotoBar value="0">';
//显示前进后退
p += '<param name=ShowPositionControls value="0">';
//显示播放进度时间
p += '<param name=ShowStatusBar value="1">';
//是否显示进度条
p += '<param name=ShowTracker value="0">';
p+='<param name=TransparentAtStart value="0">';
p += '<param name=VideoBorderWidth value="0">';
p += '<param name=VideoBorderColor value="0">';
p+='<param name=VideoBorder3D value="0">';
p+='<param name=Volume value="-1070">';
p+='<param name=WindowlessVideo value="1">';
p += '</object>';
//return p;
document.write(p);
}
建一个js文件,将以上代码复制进去即可,在界面中调用Player(url,w,h)方法即可:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" src="player.js"></script>
<title>播放视频文件 js</title>
</head>
<!--[flv],[wmv],[swf],[rmvb],[mkv],[mpg],[vob]-->
<script language="javascript">
//路径以浏览器中的网站路径为准,有三种
//1.工具中点击运行,则路径就是浏览器网址栏中显示的路径,如案例中的
//2.IIS中,如我将网址发布到IIS中的AAA文件夹下,这视频路径为http://lacalhost/AAA/MV/****.rmvb
//3.网站上线后,视频路径应该为http://www.bbb.com/MV/***.rmvb
//此处我的浏览器中显示的路径为http://localhost:5772/MyPlayer/testPlayer.html,其中 http://localhost:5772/项目名/ 类似于网站根目录,视频路径加后面即可 //p('http://localhost:5772/MyPlayer/MV/Ford.rmvb', 300, 250);
// Player('http://localhost:5772/MyPlayer/MV/Ford.swf', 300, 250);
// Player('http://localhost:5772/MyPlayer/MV/Ford.mpg', 300, 250);
// Player('http://localhost:5772/MyPlayer/MV/Ford.flv', 300, 250);
// Player('http://localhost:5772/MyPlayer/MV/Ford.mkv', 300, 250);
// Player('http://localhost:5772/MyPlayer/MV/Ford.vob', 300, 250);
// Player('http://localhost:5772/MyPlayer/MV/Ford.wmv', 300, 250);
// Player('http://localhost:5772/MyPlayer/MV/Ford.avi', 300, 250);
//综合版,同样综合版也支持以上格式
Player('http://localhost:3353/MyPlayer/MV/Ford.swf', 300, 250);
</script>
<body>
</body>
</html>