javascript html5视频播放器

JavaScript016

javascript html5视频播放器,第1张

款很棒的

HTML5

视频播放器作为下一代的网页语言,HTML5

拥有很多让人期待已久的新特性,其中之一就是

video

标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。1、VideoJSVideoJS

是最流行的

HTML5

视频播放器,免费、开源,可使用

CSS

轻松定制皮肤,支持全屏,在不支持的浏览器自动切e799bee5baa6e4b893e5b19e31333433623063换为

Flash

播放。2、SublimeVideoSublimeVideo

是一个独特的基于云概念的

HTML5

视频播放器,功能强大,可惜不是免费的。3、Open

Standard

Media

(OSM)

Player由

Alethia

Inc

开发,是集全功能于一体的网络播放器,非常不错。4、Video

for

EverybodyVideo

for

Everybody

让你在网页中嵌入一小段代码就能支持

HTML5

视频,在不支持的浏览器中自动切换为

Flash

播放。5、Kaltura

HTML5Kaltura

HTML5

视频解决方案

兼容所有主流浏览器,采用独特的

fallback

机制。6、FlareVideoFlareVideo

Alex

MacCaw

开发,他是一位Ruby/JS开发者,FlareVideo主要特色:在不支持

HTML5

视频的情况,用Flash作为替代方案可轻松自定义主题支持全屏完全开源和免费用于商业用途7、Projekktor全文

支持什么格式不是JQUERY JS 在或者 HTML说得算的 这些都是有版权的 是浏览器支持的 当然 插件除外

而且你电脑里还要有相应的解码器 比如 你电脑里有WMP 在IE下就可以调用WMP的插件来进行播放

有FLASH插件 就可以在网页上播放FLASH 不过FLASH只支持FLV和MP3格式

视频播放器一般没有直接写出来的 都需要装插件 比如FLASH或者其他一些 典型的PPS 和 PPLIVE

音频倒是可以 因为现在除IE外其他浏览器也可以调用WMP了 只不过调用方式不一样 这样就可以兼容所有浏览器 然后WMP有相应的API 用JS直接调取就可以写一个播放器了

或者用FLASH的 不过缺陷就在于他只支持MP3

使用这个,注意路径中不要使用中文

<object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="width: 682pxheight: 371px">

<param NAME="AutoStart" VALUE="-1">

<!--是否自动播放-->

<param NAME="Balance" VALUE="0">

<!--调整左右声道平衡,同上面旧播放器代码-->

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

<!--播放器是否可人为控制-->

<param NAME="EnableContextMenu" VALUE="-1">

<!--是否启用上下文菜单-->

<param NAME="url" VALUE="D:\aa.flv">

<!--播放的文件地址-->

<param NAME="PlayCount" VALUE="1

<!--播放次数控制,为整数-->

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

<!--播放速率控制,1为正常,允许小数,1.0-2.0-->

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

<!--控件设置:当前位置-->

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

<!--控件设置:当前标记-->

<param name="defaultFrame" value="">

<!--显示默认框架-->

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

<!--脚本命令设置:是否调用URL-->

<param name="baseURL" value="">

<!--脚本命令设置:被调用的URL-->

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

<!--是否按比例伸展-->

<param name="volume" value="50">

<!--默认声音大小0%-100%,50则为50%-->

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

<!--是否静音-->

<param name="uiMode" value="Full">

<!--播放器显示模式:Full显示全部mini最简化None不显示播放控制,只显示视频窗口invisible全部不显示-->

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

<!--如果是0可以允许全屏,否则只能在窗口中查看-->

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

<!--开始播放是否自动全屏-->

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

<!--是否启用错误提示报告-->

<param name="SAMIStyle" value>

<!--SAMI样式-->

<param name="SAMILang" value>

<!--SAMI语言-->

<param name="SAMIFilename" value>

<!--字幕ID-->

</object>