html5播放器怎么下载

html5的播放器可以到源码分享网去下载一个，然后自己修改一下。当然，自己可以写一个就行了。html5的播放器蛮简单的比如<video width="330" height="270" controls autobuffer> <source src="./video/test.mp4" type='video/mp4></source> <source src="./video/test.ogg" type='video/ogg></source></video> 音乐播放器也差不多的。当然也可以直接用flash形式。

推荐使用ckplayer，

最新更新日期：2018-01-10

修正了不能播放部分rtmp视频的bug

增加了删除缓动的api

升级方法

替换ckplayer.swf及ckplayer.js中112行!(function() {以下的内容

在ckplayer.js及ckplayer.xml中搜索“addCallback”属性节点，列表中增加deleteAnimate属性

最新更新日期：2017-12-14

调用播放器初始化时增加了一个属性playerID，可以在同页面多播放器时用来区分不同的播放器发出的监听事件

修正了一些无关紧要的bug

增加了h5部分对于控制栏的限制以及相对应的api

统一了flashplayer和h5的右键设置

增加了播放器动作按钮点击的监听函数clickEvent

升级方法

替换ckplayer.swf及ckplayer.js中112行!(function() {以下的内容

更新日期：2017-12-08

修正了h5字幕文件显示样式控制不了的bug

增加了控制控制栏显示/隐藏的接口

升级方法

替换ckplayer.swf及ckplayer.js中113行!(function() {以下的内容

搜索ckplayer.js以及ckplayer.xml中的addCallback属性，在其最后添加：“,changeControlBarShow”

更新日期：2017-11-24

修正了html5环境中视频出错时播放器上方不显示错误提示的bug

升级方法

替换ckplayer.swf及ckplayer.js中113行!(function() {以下的内容

更新日期：2017-11-23

1：增加了flashplayer中调用视频地址包含逗号时出错的bug

2：修正了当删除ckplayer.js的配置logo被删除后html5环境出错的bug

3：修正了html5中缓冲图标没有动画效果的bug

升级方法，1:替换ckplayer.swf、2：替换ckplayer.js中112行!(function() {以下的内容、3：在ckplayer.js中找到“m3u8MaxBufferLength: 30,”，在该行下面增加“split:',',”、4：在ckplayer.xml中找到“<m3u8MaxBufferLength>30</m3u8MaxBufferLength>”，在该行下面增加“<split>,</split>”

更新日期：2017-11-16

1：修复了ipad不能播放m3u8的bug

2：修改移动端默认不使用ckplayer自定义风格

3：html5风格中增加了倍速播放按钮列表

4：html5环境中增加了倍速播放api

升级方法，只需要替换ckplayer.swf以及ckplayer.js中112行!(function() {以下的内容

更新日期：2017-11-10

HTML5环境支持视频的旋转和缩放，修改的文件为ckplayer.js，修改的内容是videoRotation()函数和videoZoom()函数

更新日期：2017-11-07，更新内容（如果你不是使用的rtmp则无需更新）：

1：html5播放器统一使用ckplayerConfig()函数里指定的logo图片做为logo

2：修正了部分rtmp直播流无法播放的bug

3：修正了一些其它bug

ckplayer X版本升级说明，2017-11-01

一：重构代码

1：完全重构了ckplayer.js、ckplayer.xml，配置规则标准化。不再使用同一个属性定义多个值的形式进行配置。ckplayer.js中的html5部分采用自定义风格的功能。

2：完全重构了language.xml，语言包进行了可扩展升级。

3：完全重构了风格文件。不再采用以前版本的压缩包形式，而是仅采用style.xml进行配置，图片文件全部转化成base64使用，并且支持加密。保护您的插件。并且支持自定义按钮，图片或swf的功能。

二：功能方面的升级

1：广告部分增加了新的广告形式，插入广告，结尾广告，其它类型的广告（如横幅，角标等自定义显示时间），保留原来的前置广告，暂停广告。增加了广告展示监听，广告点击监听功能。

2：播放部分升级了对m3u8格式的内部支持，不再使用外部插件播放。

3：增加了flashplayer环境对m3u8文件的加密支持。

4：内置了清晰度支持功能，以及m3u8清晰度自动选择及显示的支持。

5：内置了d幕显示功能，多种缓动效果。可以制作出多种d幕显示效果。并且支持d幕和播放器的互动，以前和js的互动。

6：重构了播放器的API

三：其它说明

本次升级是一次非常大的升级行为，跟之前版本基本毫无联系。调用播放器的代码更加简单高效智能化。

那个用embed标签就可以了，不用什么html播放器。不同的格式略有不同。

1.avi格式

代码片断如下：

<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">

<param name="ShowDisplay" value="0">

<param name="ShowControls" value="1">

<param name="AutoStart" value="1">

<param name="AutoRewind" value="0">

<param name="PlayCount" value="0">

<param name="Appearance value="0 value=""">

<param name="BorderStyle value="0 value=""">

<param name="MovieWindowHeight" value="240">

<param name="MovieWindowWidth" value="320">

<param name="FileName" value="/Mbar.avi">

<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="/Mbar.avi" src="Mbar.avi">

</embed>

</object>

2.mpg格式

代码片断如下：

<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">

<param name="Appearance" value="0">

<param name="AutoStart" value="-1">

<param name="AllowChangeDisplayMode" value="-1">

<param name="AllowHideDisplay" value="0">

<param name="AllowHideControls" value="-1">

<param name="AutoRewind" value="-1">

<param name="Balance" value="0">

<param name="CurrentPosition" value="0">

<param name="DisplayBackColor" value="0">

<param name="DisplayForeColor" value="16777215">

<param name="DisplayMode" value="0">

<param name="Enabled" value="-1">

<param name="EnableContextMenu" value="-1">

<param name="EnablePositionControls" value="-1">

<param name="EnableSelectionControls" value="0">

<param name="EnableTracker" value="-1">

<param name="Filename" value="/mpeg/halali.mpg" valuetype="ref">

<param name="FullScreenMode" value="0">

<param name="MovieWindowSize" value="0">

<param name="PlayCount" value="1">

<param name="Rate" value="1">

<param name="SelectionStart" value="-1">

<param name="SelectionEnd" value="-1">

<param name="ShowControls" value="-1">

<param name="ShowDisplay" value="-1">

<param name="ShowPositionControls" value="0">

<param name="ShowTracker" value="-1">

<param name="Volume" value="-480">

</object>

3.smi格式

代码片断如下：

<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180>

<param name="_ExtentX" value="6350">

<param name="_ExtentY" value="4763">

<param name="AUTOSTART" value="-1">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="-1">

<param name="SRC" value="rm.rm">

<param name="CONTROLS" value="ImageWindow">

<param name="CONSOLE" value="console1">

<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"><embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240" autostart="true"></OBJECT>

4.rm格式

代码片断如下：

<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>

<param name="_ExtentX" value="9313">

<param name="_ExtentY" value="7620">

<param name="AUTOSTART" value="0">

<param name="SHUFFLE" value="0">

<param name="PREFETCH" value="0">

<param name="NOLABELS" value="0">

<param name="SRC" value="rtsp://203.*.*.35/vod/dawan-a.rm">

<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"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

</OBJECT>

5.wmv格式

代码片断如下：

<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en

/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">

<param name="AutoRewind" value=1>

<param name="FileName" value="/blog/******.wmv">

<param name="ShowControls" value="1">

<param name="ShowPositionControls" value="0">

<param name="ShowAudioControls" value="1">

<param name="ShowTracker" value="0">

<param name="ShowDisplay" value="0">

<param name="ShowStatusBar" value="0">

<param name="ShowGotoBar" value="0">

<param name="ShowCaptioning" value="0">

<param name="AutoStart" value=1>

<param name="Volume" value="-2500">

<param name="AnimationAtStart" value="0">

<param name="TransparentAtStart" value="0">

<param name="AllowChangeDisplaySize" value="0">

<param name="AllowScan" value="0">

<param name="EnableContextMenu" value="0">

<param name="ClickToPlay" value="0">

</object>

6.wma格式

放在 <body>里面。下面是部分解释:

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" ><param name="Filename" value="/blog/1.Wma"><!--你文件的位置-->

<param name="PlayCount" value="1"><!--控制重复次数: “x”为几重复播放几次x=0，无限循环。-->

<param name="AutoStart" value="0"><!--控制播放方式: x=1，打开网页自动播放x=0，按播放键播放。-->

<param name="ClickToPlay" value="1"><!--控制播放开关: x=1，可鼠标点击控制播放或暂停状态x=0，禁用此功能。-->

<param name="DisplaySize" value="0"><!--控制播放画面: x=0，原始大小x=1，一半大小x=2，2倍大小。-->

<param name="EnableFullScreen Controls" value="1"><!--控制切换全屏: x=1，允许切换为全屏x=0，禁用此功能。-->

<param name="ShowAudio Controls" value="1"><!--控制音量: x=1，允许调节音量x=0，禁止音量调节。-->

<param name="EnableContext Menu" value="1"><!--控制快捷菜单: x=1，允许使用右键菜单x=0，禁用右键菜单。-->

<param name="ShowDisplay" value="1"><!--控制版权信息: x=1，显示电影及作者信息x=0，不显示相关信息-->

</object>

7.Windows Media Player 系列(不同面板样式)

综合型：

<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=210 height=340 standby="Loading Microsoft Windows Media Player components..." VIEWASTEXT align=center>

<param name=AudioStream value=-1>

<param name=AutoSize value=0>

<param name=AutoStart value=1>

<param name=AnimationAtStart value=0>

<param name=AllowScan value=-1>

<param name=AllowChangeDisplaySize value=0>

<param name=AutoRewind value=0>

<param name=Balance value=0>

<param name=BaseURL value="">

<param name=BufferingTime value=5>

<param name=CaptioningID value="">

<param name=ClickToPlay value=0>

<param name=CursorType value=32512>

<param name=CurrentPosition value=-1>

<param name=CurrentMarker value=0>

<param name=DefaultFrame value=1>

<param name=DisplayBackColor value=0>

<param name=DisplayForeColor value=16777215>

<param name=DisplayMode value=0>

<param name=DisplaySize value=0>

<param name=Enabled value=-1>

<param name=EnableContextMenu value=-1>

<param name=EnablePositionControls value=0>

<param name=EnableFullScreenControls value=0>

<param name=EnableTracker value=1>

<param name=Filename value="http://202.102.*.*/flash/2/fff.swf">

<param name=InvokeURLs value=-1>

<param name=Language value=-1>

<param name=Mute value=0>

<param name=PlayCount value=1>

<param name=PreviewMode value=0>

<param name=Rate value=1>

<param name=SAMILang value="">

<param name=SAMIStyle value="">

<param name=SAMIFileName value="">

<param name=SelectionStart value=0>

<param name=SelectionEnd value=true>

<param name=SendOpenStateChangeEvents value=-1>

<param name=SendWarningEvents value=-1>

<param name=SendErrorEvents value=-1>

<param name=SendKeyboardEvents value=0>

<param name=SendMouseClickEvents value=0>

<param name=SendMouseMoveEvents value=0>

<param name=SendPlayStateChangeEvents value=-1>

<param name=ShowCaptioning value=0>

<param name=ShowControls value=1>

<param name=ShowAudioControls value=1>

<param name=ShowDisplay value=1>

<param name=ShowGotoBar value=1>

<param name=ShowPositionControls value=1>

<param name=ShowStatusBar value=1>

<param name=ShowTracker value=1>

<param name=TransparentAtStart value=0>

<param name=VideoBorderWidth value=0>

<param name=VideoBorderColor value=0>

<param name=VideoBorder3D value=0>

<param name=Volume value=-1070>

<param name=WindowlessVideo value=1>

</object>

简易型：

<EMBED src=http://www.*.com/mediadate/lxlhbcn.asf style="HEIGHT: 45pxWIDTH: 190px" type=audio/mpeg AUTOSTART="1" loop="0">

</EMBED>

标签型:

<embed width=240 height=140 transparentatstart=true animationatstart=false autostart=true autosize=false volume=100 displaysize=0 showdisplay=true showstatusbar=true showcontrols=true showaudiocontrols=true showtracker=true showpositioncontrols=true balance=true src="http://www.*.com/mediadate/lxlhbcn.asf">

</embed>

---