本文整理了 10 款非常好用的jQuery切换效果插件，包括平滑切换和重叠动画等，这些插件可以实现不同元素之间的动态切换。 1. InnerFade 这是一个基于jQuery的小插件，可以实现页面内的元素淡入淡出效果。  源码/演示 2. HighlightFade 该插件可以实现高亮、缩放等效果。  源码/演示 3. Dynamic Page / Replacing Content 使用按钮实现网页内容的动态切换。  源码 / 演示 4. jqFancyTransitions 这是一个易于使用的插件，有多种切换效果来显示图片。  源码/演示 5. jQuery Cycle Plugin——浏览器效果 该插件应用于缩略图，是jQuery效果的扩展，截图展示了一部分效果。  源码/演示 6. Image Cross Fade Transition 通过该插件使一张或多张图片产生渐隐/渐显的切换效果。  源码/演示 7. Creating a fading header 这是一个简单的插件，用jQuery 和 CSS 来创建出网页头部淡入淡出的效果，令网页内容更加生动。  源码 / 演示 8. jQuery Cycle Plugin 该插件支持许多不同的切换效果，比如鼠标悬停暂停、自动停止、自动调整、开始和结束事件调用、点击触发等等。  源码/演示 9. Flip 这个插件能让你用jQuery做到要用Flash才能实现的效果。  源码/演示 10. 高级slider——jQuery XML slider 该插件能让你轻松地使用XML创建功能强大的滑块，也更容易设置和维护，还可以用HTML来进行设置。  源码 / 演示 

本文整理了 10 款非常好用的jQuery切换效果插件，包括平滑切换和重叠动画等，这些插件可以实现不同元素之间的动态切换。 1. InnerFade 这是一个基于jQuery的小插件，可以实现页面内的元素淡入淡出效果。  源码/演示 2. HighlightFade 该插件可以实现高亮、缩放等效果。  源码/演示 3. Dynamic Page / Replacing Content 使用按钮实现网页内容的动态切换。  源码 / 演示 4. jqFancyTransitions 这是一个易于使用的插件，有多种切换效果来显示图片。  源码/演示 5. jQuery Cycle Plugin——浏览器效果 该插件应用于缩略图，是jQuery效果的扩展，截图展示了一部分效果。  源码/演示 6. Image Cross Fade Transition 通过该插件使一张或多张图片产生渐隐/渐显的切换效果。  源码/演示 7. Creating a fading header 这是一个简单的插件，用jQuery 和 CSS 来创建出网页头部淡入淡出的效果，令网页内容更加生动。  源码 / 演示 8. jQuery Cycle Plugin 该插件支持许多不同的切换效果，比如鼠标悬停暂停、自动停止、自动调整、开始和结束事件调用、点击触发等等。  源码/演示 9. Flip 这个插件能让你用jQuery做到要用Flash才能实现的效果。  源码/演示 10. 高级slider——jQuery XML slider 该插件能让你轻松地使用XML创建功能强大的滑块，也更容易设置和维护，还可以用HTML来进行设置。  源码 / 演示 

当有大量的内容或者图片需要在你的网站或者BLOG上展示的时候，以幻灯片滑动的方式是一个不错的选择，这种效果常用于公司网站或者个人BLOG。常听有人说jquery 比较难学，只要你感兴趣，实现幻灯片效果还是蛮有乐趣的，下面的Jquery 幻灯片教程将引领你进入Jquery插件开发的喜悦中，希望对大家有帮助。 1、        jQuery Easy Slides v1.1 在所有的Jquery幻灯片插件中，Jquery easy sildes算是最容易使用的一个。 2、       The Piecemaker XML Gallery 非常酷的具有3D效果的jquery 插件，有详细的制作方法，有兴趣的朋友可以研究一下它的源代码。不用Flash也可以实现那么炫耀的效果，没有想到吧。 3、       Create Beautiful jQuery Slider Tutorial 这篇教程详细地介绍了如何开发一个漂亮的jquery图片幻灯片效果，包括图片名称和简短描述 4、       Create a Simple Slideshow Using MooTools Thumbnails and Captions 使用Mootools创建幻灯片效果已经非常常见和效果也非常棒，主要分为四步： 第一步，布置幻灯片放映的布局； 第二步，给幻灯片添加事件控制； 第三步，给幻灯片一个统一的样式类； 第四步，添加图片缩略图和标题。 5、       Query Blinds Slideshow using CSS Sprites 使用CSS Sprints创建的百叶窗效果 6、       Create a Quick MooTools Slideshow with Preloading Images 此教程展示了如何是用MooTools创建简单的幻灯片效果，也展示了如何预加载图片，从而使幻灯片效果看起来更高雅和避免页面加载时图片混乱。 7、       Advanced jQuery background image slideshow 一个切换背景图片的幻灯片效果 8、       Colorful Sliders With jQuery & CSS3 使用Jquery和CSS3创建的Colorful Silders 9、       Coin Slider 非常独特的幻灯片效果，国内很多网站有使用这种效果，特别是视频网站，很绚丽的。 10、JCoverflip 当图片很多的时候，使用此插件会达到比较好的用户体验，一些门户网站有使用此种效果的。 本文转自 灵动生活 51CTO博客，原文链接：http://blog.51cto.com/smartlife/454914，如需转载请自行联系原作者

　　图像滑块和幻灯片效果，已成为网页设计的基本要素。它们以有趣的方式展示视觉内容。今天，我们要给大家展示一些独特的图片滑动效果，一起来欣赏这些创意。 IWC Schaffhausen 第一个例子有一个微小的进度条，会显示还剩下多少时间显示下一张幻灯片或图像，进度条上还有暂停按钮。 Lorem Ipsum 这个整页图像滑块是由三个巨大的图像组成。 点击其它分类，你可以看到另一组有趣的整页幻灯片。 Crows Nest 这是一个文本幻灯片效果，顶部有点状效果的导航。 Escape Module Studio 这个滑块的好处是的标题出现在右侧，以一个有趣的和动态的方式重新排列标题。 Factoria 以令人惊讶的幻灯片效果显示项目截图。 Allan Yu 有一个令人难以置信的网页布局和两个有趣的滑块要素：一个是纵向的幻灯片方式显示项目，另一个是单个项目的滑动效果。 Ockert und Partner 用户可以滑动导航来浏览图片，点击可以看到原图。 FillStudio 这个幻灯片在加载图片描述的时候有一个很好的延迟效果。 digital-telepathy 淡出和滑过在同一时间，这种效果很好，描述也是放置在右侧。 Stella McCartney 一个非常漂亮的展示产品图片的幻灯片效果，当前项有放大显示效果。 Built By The Factory 一个非常不错的滑动效果，apple.com也用了这种效果。 Marco Rotoli 另一个非常漂亮的整页滑动效果，有一个非常漂亮的导航。 Mens World 也是一个整页演示效果，导航箭头的位置很特别。 Stegner + Sease 很特别的圆形滑动效果，非常有趣。 Mark Sousa 以一种非常特别的方式展示图片，吸引人点击下一张图片。 Ptarmak 选择左侧的一个子项目，右侧切换到目标部分。 Jay Hollywood 这种效果非常酷，能看到前后项图片的一部分，滑动的时候有阴影效果。 dibusoft mmdv 又一种图片滑动效果。 Try Soda 我喜欢这个幻灯片，因为它二个滑块合在一起：图片和说明都从侧面滑，构成一个整洁的效果。 WPBundle 最后这个例子充分利用了窗口的宽度。有趣的地方在于导航和描述固定在图片的两端，滑动的时候可以看到前后图片。 （编译来源：梦想天空  原文来自：20 Unique and Creative Image Sliders） 推荐博文 Web 前端工程师和设计师必读精华文章推荐 酷！15个精美的 HTML5 单页网站作品欣赏 炫！35个让人惊讶的 CSS3 动画效果演示 赞！30个与众不同的优秀视差滚动效果网站 靓å！25个优秀的国外单页网站设计作品欣赏 帅！8个惊艳的 HTML5 和 JavaScript 特效 顶！35个很漂亮的国外 Flash 网站作品欣赏 哇！34个漂亮网站和应用程序后台管理界面 本博客新站点 ◆ 前端里 ◆ 欢迎围观：） 作者：山边小溪 主站：yyyweb.com 记住啦：） 欢迎任何形式的转载，但请务必注明出处。

10个Jquery幻灯片插件教程 当有大量的内容或者图片需要在你的网站或者BLOG上展示的时候，以幻灯片滑动的方式是一个不错的选择，这种效果常用于公司网站或者个人BLOG。常听有人说jquery 比较难学，只要你感兴趣，实现幻灯片效果还是蛮有乐趣的，下面的Jquery 幻灯片教程将引领你进入Jquery插件开发的喜悦中，希望对大家有帮助。 1、        jQuery Easy Slides v1.1 在所有的Jquery幻灯片插件中，Jquery easy sildes算是最容易使用的一个。 2、       The Piecemaker XML Gallery 非常酷的具有3D效果的jquery 插件，有详细的制作方法，有兴趣的朋友可以研究一下它的源代码。不用Flash也可以实现那么炫耀的效果，没有想到吧。 3、       Create Beautiful jQuery Slider Tutorial 这篇教程详细地介绍了如何开发一个漂亮的jquery图片幻灯片效果，包括图片名称和简短描述 4、       Create a Simple Slideshow Using MooTools Thumbnails and Captions 使用Mootools创建幻灯片效果已经非常常见和效果也非常棒，主要分为四步： 第一步，布置幻灯片放映的布局； 第二步，给幻灯片添加事件控制； 第三步，给幻灯片一个统一的样式类； 第四步，添加图片缩略图和标题。 5、       Query Blinds Slideshow using CSS Sprites 使用CSS Sprints创建的百叶窗效果 6、       Create a Quick MooTools Slideshow with Preloading Images 此教程展示了如何是用MooTools创建简单的幻灯片效果，也展示了如何预加载图片，从而使幻灯片效果看起来更高雅和避免页面加载时图片混乱。 7、       Advanced jQuery background image slideshow 一个切换背景图片的幻灯片效果 8、       Colorful Sliders With jQuery & CSS3 使用Jquery和CSS3创建的Colorful Silders 9、       Coin Slider 非常独特的幻灯片效果，国内很多网站有使用这种效果，特别是视频网站，很绚丽的。 10、 JCoverflip 当图片很多的时候，使用此插件会达到比较好的用户体验，一些门户网站有使用此种效果的。 本文转自灵动生活博客园博客，原文链接： http://www.cnblogs.com/ywqu/archive/2010/10/28/1863955.html ，如需转载请自行联系原作者     

　　ImageGalleryExtender是我在研究Atlas Control Toolkit代码时的一个尝试。这个Extender的作用是能够轻松地制作一个相册浏览的功能。　　制作这个的起因是因为昨天在[url]http://www.flickr.com/[/url]上看图片时，被它的Slidershow浏览方式所吸引，它是用Flash实现的。最近一直在研究Atlas和Atlas Control Toolkit的实现和基础代码，因此决定开发一个Extender，暂且命名为ImageGalleryExtender。它基于9/14最新的Release开发。　 　制作这个Extender基本上没有遇到什么麻烦，只是按部就班的完成。基本上花在客户端脚本编程的时间大约为服务器端的两倍。我认为，一个 Extender其实只是一个被封装完整容易发布和部署的一个控件，在客户端编程方面，Atlas除了提供了一些辅助方法之外，并没有对于开发上有比较明 显的帮助。在服务器端只是普通的控件，大多数情况只需定义一些属性即可。当然如果需要更强大的功能，自然需要加大功夫，比如需要像Accordion般定 义Template等。当然这些都控制在控件的范围内，对于控件开发经验丰富的朋友应该不会造成什么困扰。顺便提一下，我打算在后面一段时间内写一系列文 章，将我研究Atlas和Atlas Control Tookit基础代码实现的一些心得体会写下来，这样可以帮助更多的朋友们解决开发和使用时遇到的问题。毕竟靠阅读代码，甚至依靠反编译类库所了解到的， 与从文档资料上获得的信息要来得具体和透彻。例如我在开发ImageGalleryExtender时，就使用了文档上没有记载的方法，重载 Extender的一个函数将一个服务器端的一个Collection输出到了客户端Behavior的一个属性上。其实Atlas Control Toolkit里提供用来开发Extender的基类有许多可以重载的方法，了解它们的作用并灵活地使用使用它们，能够大幅提高我们开发Extender 的效率。即时遇到了问题，也能很快地找到解决方法或者Work around。　　ImageGalleryExtender的代码可以在这里下载到，感兴趣的朋友们可以下载下来一看。因为我只是比较简单地实现了这个Extender，花的时间也不长，也没有相当认真地去考究代码质量，所以就先不做代码解析了。自然，我随时欢迎朋友们和我讨论和交流开发经验。另外提一下，不仅限于Atlas。:)　 　先从使用方式说起吧。和普通的Extender一样，只需引入一个程序集即可。在使用ImageGallery时，只需将压缩包内的 ImageGallery Project引入到WebSite所在的Solution内，然后为WebSite添加引用，然后编译即可。当然，也可以编译好 ImageGallery Project以后将ImageGallery.dll引入WebSite Project。至于使用方式，就从我写的演示网页看起吧。页面代码如下：  ImageGalleryExtender Sample Code 　　在使用ImageGalleryExtender时，需要将一个Panel作为Target Control传递给一个ImageGalleryProperties，然后将任意一个控件作为Waiting Control通过WaitingControlID传递给ImageGalleryProperties。作为Target Control的Panel会作为容器来显示页面。而Waiting Control会被作为提示用户正在加载图片的控件。Image Gallery会在适当的时候将该对象的Visibility Style在Visible和Hidden之间切换。虽然有提示信息，但是Image Gallery会在后台加载用户没有查看的图片，目的是省去了以后用户切换到那幅图片时所需的加载时间。　　需要注意，作为Target Control的Panel，其style.position属性需要设为relative或者absolute。因为其中的图片是以绝对定位的方式出现。由于用户可能会灵活地改动这个值，因此这方面就交由用户自己来保证了。　 　ImageGalleryProperties还有另外两个属性，Interval和SwitchTime。Interval的作用是设置自动切换图片 所需等待的间隔时间，单位是秒。如果赋予了0或者负数，那么Image Gallery不会自动切换图片。SwitchTime的作用是设置切换图片时淡入/淡出效果所需要的时间。比如就例子而言，在一张图片显示完整后，将等 待5秒将进行图片转换，转换时会有淡入/淡出效果，效果时间为2秒。然后接着等待5秒以后，又将切换至下一张图片。　　一个 ImageGalleryProperties还会有一个类型为ImageCollection的属性Images，里面存放的是需要在Image Gallery里显示的图片信息。在Editor中会有提示信息，很容易编辑。每个Image对象会有三个属性：“Url”，“Width”和 “Height”，三者的含义自不必说。其中要注意的是，我在Url中并没有像ASP.NET中服务器控件一样提供对于“~”的支持。Width和 Height的单位是像素，当然在编辑时输入的是整数。　　我把Width和Height使用.NET 2.0中Nullable Value - “int?”的方式提供。如果没有对这两个属性赋值，那么他们的值默认是null。用户可以不提供任何一个，即使用图片的默认大小来显示。如果用户同时提 供了Width和Height属性，那么图片会以用户希望的方式显示。如果用户只提供了其中一个，那么图片的大小会根据用户提供的Width或 Height，结合那幅图片的长宽比，计算出另一个属性的值。自然，这项功能是在客户端保证的。另外，由于作为Image Gallery Container的那个Panel有大小限制，因此图片在显示时也会根据Panel的大小有所调整：如果Panel足够大，那么图片会以横向纵向都居中 的方式显示。如果Panel的大小使得图片无法以完整大小显示（即根据用户指定的Width和Height值，结合图片原有的大小得到的尺寸），那么图片 会在保证长宽比不变的前提下尽可能的显示大图片。这点在演示中均可以看到效果。　　当然，一般来说，不会以在页面里直接写代码的方式来指定一个Image Gallery里会显示哪写图片。事实上，也可能在代码里添加图片信息。例如在演示网页中，就可以写入类似这样的代码： 1protected void Page_Load(object sender, EventArgs e)2{3    this.ImageGalleryExtender1.TargetProperties[0].Images.Add(new Image("Url", null, null));4} 　　为了方便客户端功能，我为客户端的控件对象（注意不是Html Element）提供了一些属性和方法，它们可以像演示网页中那样通过$("PanelClientID").control.XXXXX访问到。下面我一一说明控件对象中可以使用的方法：function next()： 切换至下一副图片。初始化完ImageGalleryBehavior后Image Gallery不会马上开始，需要通过主动调用next函数启动。function previous()： 切换至前一幅图片。function select(index)：切换至下标为index的那幅图片。如果选择的index正是当前的图片，那么则不会有任何效果。如果index不在0到Images.Count - 1之间，那么会将其进行取模运算，以保证参数的合法性。不过还是强烈推荐将正确的参数传递给该函数。function adjustImage()：用 于调整图片的大小与位置。由于图片采用了绝对定位，因此如果Container的大小有所改变时，图片就不能以正确的尺寸和位置显示了。这时候就需要调用 控件对象上的adjustImage函数，它会根据Container的当前尺寸来调整图片尺寸和位置。一般来说，这个方法会在resize事件中被调 用。RW属性SwitchTime：用于读取和设置图片淡入/淡出所需的时间。RW属性Interval：用于读取和设置切换两张图片之间的间隔。　　最后再说一下演示页面的使用，点击这里可以访问到ImageGalleryExtender的演示页面。具体代码非常的简单，下面是演示页面功能以及效果：　　事实上目前的ImageGalleryExtender还有一些需要改进的地方。例如目前如果显示了无法加载的图片，那么Gallery的操作则会停止并无法启动。我会一点点改进这个控件，解决这些问题。　　ImageGalleryExtender能够在IE和FireFox下正确运行。 本文转自 jeffz 51CTO博客，原文链接：http://blog.51cto.com/jeffz/60956，如需转载请自行联系原作者

当有大量的内容或者图片需要在你的网站或者BLOG上展示的时候，以幻灯片滑动的方式是一个不错的选择，这种效果常用于公司网站或者个人BLOG。常听有人说jquery 比较难学，只要你感兴趣，实现幻灯片效果还是蛮有乐趣的，下面的Jquery 幻灯片教程将引领你进入Jquery插件开发的喜悦中，希望对大家有帮助。 1、        jQuery Easy Slides v1.1 在所有的Jquery幻灯片插件中，Jquery easy sildes算是最容易使用的一个。 2、       The Piecemaker XML Gallery 非常酷的具有3D效果的jquery 插件，有详细的制作方法，有兴趣的朋友可以研究一下它的源代码。不用Flash也可以实现那么炫耀的效果，没有想到吧。 3、       Create Beautiful jQuery Slider Tutorial 这篇教程详细地介绍了如何开发一个漂亮的jquery图片幻灯片效果，包括图片名称和简短描述 4、       Create a Simple Slideshow Using MooTools Thumbnails and Captions 使用Mootools创建幻灯片效果已经非常常见和效果也非常棒，主要分为四步： 第一步，布置幻灯片放映的布局； 第二步，给幻灯片添加事件控制； 第三步，给幻灯片一个统一的样式类； 第四步，添加图片缩略图和标题。 5、       Query Blinds Slideshow using CSS Sprites 使用CSS Sprints创建的百叶窗效果 6、       Create a Quick MooTools Slideshow with Preloading Images 此教程展示了如何是用MooTools创建简单的幻灯片效果，也展示了如何预加载图片，从而使幻灯片效果看起来更高雅和避免页面加载时图片混乱。 7、       Advanced jQuery background image slideshow 一个切换背景图片的幻灯片效果 8、       Colorful Sliders With jQuery & CSS3 使用Jquery和CSS3创建的Colorful Silders 9、       Coin Slider 非常独特的幻灯片效果，国内很多网站有使用这种效果，特别是视频网站，很绚丽的。 10、 JCoverflip 当图片很多的时候，使用此插件会达到比较好的用户体验，一些门户网站有使用此种效果的。   版权 作者：灵动生活 郝宪玮 出处：http://www.cnblogs.com/ywqu 如果你认为此文章有用，请点击底端的【推荐】让其他人也了解此文章， 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。  

先给出围观地址：http://www.vsallaccess.com/index.html 该网站不仅外表华丽，而且使用了很多silverlight3的新特性（如3d变换，导航等），绝对会让踌躇不前的silverlighter们振奋起来  左侧菜单中鼠标滑过时的绚丽高亮像是，还有那个一闪而过的“小闪光”  鼠标经过时背景的动态光束+小3d变换  鼠标滑过时的玻璃感特效  切换模块时欢快的光圈 搜索时3d变换及变形特效,并且可切换到全屏查看图片 比coverflow更动感的converflow   牛X的播放器  loading效果   当然，还有最重要的   看完这个，你还认Silverlight比Flash差吗？ PS：貌似现在不能用live writer直接向园子传图片了。。。 本文转自紫色永恒51CTO博客，原文链接：http://www.cnblogs.com/024hi/archive/2009/10/18/1585444.html ，如需转载请自行联系原作者

　　作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，其中之一就是 video 标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中，我收集了7个很棒的HTML5视频播放器，你可以很容易的应用到你的网站中，文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。 VideoJS VideoJS 是最流行的 HTML5 视频播放器，免费、开源，可使用 CSS 轻松定制皮肤，支持全屏，在不支持的浏览器自动切换为 Flash 播放。 SublimeVideo SublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器，功能强大，可惜不是免费的。 Open Standard Media (OSM) Player 由 Alethia Inc 开发，是集全功能于一体的网络播放器，非常不错。 Video for Everybody Video for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频，在不支持的浏览器中自动切换为 Flash 播放。 Kaltura HTML5 Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器，采用独特的 fallback 机制。 FlareVideo FlareVideo 由 Alex MacCaw 开发，他是一位Ruby/JS开发者，FlareVideo主要特色： 在不支持 HTML5 视频的情况，用Flash作为替代方案 可轻松自定义主题 支持全屏 完全开源和免费用于商业用途 Projekktor 一个免费，开源，基于 Javascript 编写的 HTML5 视频播放器，它解决了跨浏览器和兼容性问题，增加了视觉效果，并提供非常强大的功能。 使用 CSS3 和 jQuery 制作 HTML5 视频播放器 这个教程教您如果使用HTML5、CSS3和jQuery一步一步制作自己的视屏播放器，感兴趣的朋友记得收藏起来哦 :) 您可能还喜欢   25个让人惊叹的 HTML5 应用实验 推荐21款最佳 HTML 5 网页游戏 推荐18个基于 HTML 5 Canvas 开发的图表库 8个惊艳的JavaScript WebGL 应用实验 九个让人难以置信的HTML5和JavaScript实验   编译来源：梦想天空-分享Web开发技术和设计资源 国际来源：7 Great HTML 5 Video Player Scripts 推荐博文 Web 前端工程师和设计师必读精华文章推荐 酷！15个精美的 HTML5 单页网站作品欣赏 炫！35个让人惊讶的 CSS3 动画效果演示 赞！30个与众不同的优秀视差滚动效果网站 靓å！25个优秀的国外单页网站设计作品欣赏 帅！8个惊艳的 HTML5 和 JavaScript 特效 顶！35个很漂亮的国外 Flash 网站作品欣赏 哇！34个漂亮网站和应用程序后台管理界面 本博客新站点 ◆ 前端里 ◆ 欢迎围观：） 作者：山边小溪 主站：yyyweb.com 记住啦：） 欢迎任何形式的转载，但请务必注明出处。

为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，其中之一就是 video 标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中，我收集了7个很棒的HTML5视频播放器，你可以很容易的应用到你的网站中，文章最后还将与大家分享使用 CSS3 和 jQuery 开发一个自定义 HTML5 视频播放器的教程。 VideoJS VideoJS 是最流行的 HTML5 视频播放器，免费、开源，可使用 CSS 轻松定制皮肤，支持全屏，在不支持的浏览器自动切换为 Flash 播放。 SublimeVideo SublimeVideo 是一个独特的基于云概念的 HTML5 视频播放器，功能强大，可惜不是免费的。 Open Standard Media (OSM) Player 由 Alethia Inc 开发，是集全功能于一体的网络播放器，非常不错。 Video for Everybody Video for Everybody 让你在网页中嵌入一小段代码就能支持 HTML5 视频，在不支持的浏览器中自动切换为 Flash 播放。 Kaltura HTML5 Kaltura 的 HTML5 视频解决方案 – 兼容所有主流浏览器，采用独特的 fallback 机制。 FlareVideo FlareVideo 由 Alex MacCaw 开发，他是一位Ruby/JS开发者，FlareVideo主要特色： 在不支持 HTML5 视频的情况，用Flash作为替代方案 可轻松自定义主题 支持全屏 完全开源和免费用于商业用途 Projekktor 一个免费，开源，基于 Javascript 编写的 HTML5 视频播放器，它解决了跨浏览器和兼容性问题，增加了视觉效果，并提供非常强大的功能。 使用 CSS3 和 jQuery 制作 HTML5 视频播放器 这个教程教您如果使用HTML5、CSS3和jQuery一步一步制作自己的视屏播放器，感兴趣的朋友记得收藏起来哦 :)