网页中嵌套视频播放器

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

运行后：

这里，路径有三种：

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

转载于:https://www.cnblogs.com/jinzhirong/p/3917410.html

网页中嵌套视频播放器相关推荐

java web 嵌套播放器_网页中嵌套视频播放器
刚做完一个项目,其中有个视频播放的,其实网上的代码都没有错,但感觉不详细,特别是播放文件的路径,有本地的,有当前项目中的,有网络上的,网上很多,但没有一个说明是哪个路径,这里,经过本人测试,不多说了, ...
网页中嵌入视频播放器代码
有时候我们会有这样的需求,在网页中嵌入视频播放器,以播放我们的服务器端的视频,下面我将代码贴出来: 嵌入快播播放器: <table width="100%" align=&q ...
网页中嵌入视频播放器
有时候我们会有这样的需求,在网页中嵌入视频播放器,以播放我们的服务器端的视频,下面我将代码贴出来: 嵌入快播播放器: <table width="100%" align=&q ...
html5网页中加入播放器,向网页中添加 HTML5 视频控件
爱学习,爱生活,爱编程--希望能帮到你!更多>>> 如何开始使用采用它的最基本形式,使用 HTML5 video 元素向网页中添加视频播放器是通过一行 HTML 完成的. 添加 ...
网页中Flash播放器常用参数设置（转）
网页中Flash播放器常用参数设置 2006-11-26 23:24 我们现在大部分人做网页,都是直接用DW插入flash,而且DW也是所见即所得,直接生成了相应的flash显示代码.可是我们又有多少 ...
2018.3.29 网页中嵌套网页的两种方法
第一种: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...
在Vue中自制视频播放器（上）
在Vue中自制视频播放器(上) 前言初始化组件开始/暂停按钮停止按钮静音按钮视频播放时间全屏按钮源代码前言平时大家在浏览视频网站时,会发现各大视频网站都有自己的视频控制组件,虽然浏览 ...
vue中DPlayer视频播放器使用方法
vue中DPlayer视频播放器使用方法 1通过npm下载 npm install dplayer - s 2在需要使用的组件中导入 import Dplayer from 'Dplayer' 3页面 ...
在网页中嵌入播放器，PDF，Word，Excel，PPT的方法
在网页中嵌入播放器,PDF,Word,Excel,PPT的方法在HTML加入Object或者Embed标签 <object classid="clsid:CA8A9780-280D ...

网页中嵌套视频播放器

网页中嵌套视频播放器相关推荐

最新文章

热门文章