网页中嵌套视频播放器

刚做完一个项目，其中有个视频播放的，其实网上的代码都没有错，但感觉不详细，特别是播放文件的路径，有本地的，有当前项目中的，有网络上的，网上很多，但没有一个说明是哪个路径，这里，经过本人测试，不多说了，直接上图吧！如果有问题可以交流一下学习学习

运行后：

这里，路径有三种：

//路径以浏览器中的网站路径为准，有三种
    //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">

<head>

<title>播放视频文件 js</title>

</head>

//路径以浏览器中的网站路径为准，有三种

//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>