html5常用插件大全,前端常用插件utils汇总

h5.js插件，工具类插件，直接下载使用，非常方便，前端必备。

MediaElement最新版本，HTML5播放器插件(含Demo)。 现在已经有很多html5播放器可以使用，使用html5播放器可以轻松的在页面中插入媒体视频，从而使我们的web页面变得更加丰富多彩，所以今天向大家推荐一款非常优秀的html5播放器MediaElement.js，它不仅能够添加我们常用的html5视频格式（mp4,m4v,mov）， 而且还支持回退方式，即一些低版本的浏览器不支持HTML5播放可以采取flash的方式进行播放，从而达到支持绝大部分的浏览器。 备注：我们都知道进入HTML5时代以后W3C组织为web视频播放加入了一个非常友好的标签<video>，它可以让你直接插入mp4、mov等格式的视频，但是这是浏览器默认的方式，播放的功能也比较单一，所以借助MediaElement.js可以实现丰富的播放效果。

让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。 <!–[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]–> 上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用html5.js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。 这个html5的js文件是作者把他放在Google code project上提供给大家可以直接调用的，当然，如果觉得这样会影响你的网页打开速度，你可以把html5的js文件直接下载下来让后上传到自己的服务器单独调用。 以下是html5的js文件中的代码: (function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})() 除了在网页中调用包含以上代码的js文件来让IE浏览器支持HTML5元素以外，你也可以以下面这种方式把代码直接添加到网页中。 <!–[if IE]> <script> (function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video”.split(’,'),i=e.length;while(i–){document.createElement(e[i])}})() </script> <![endif]–>

利用插件制作h5，h5的各种兼容写法，音乐，动效等，结构简单，效果明显，画面感很强，各种动效利用插件简单植入即可，插件翻页效果一共8个。

HTML5自定义Android的插件，包含有Jar包插件的配置，欢迎大家下载。

又开始了新的一周，我们也将继续为大家分享许多优秀的HTML5应用和jQuery插件，作为前端开发者来说，这些资源可以帮助你在项目开发上派上用场。下面一起来看看这些炫酷而实用的HTML5应用和jQuery插件吧。 1、jQuery/CSS3图片洗牌切换动画特效 这是一款基于jQuery和CSS3的图片动画特效，该图片动画是洗牌的效果，我们只需点击切换按钮，即可一张张切换图片。另外，如果你长按住按钮不放，图片的洗牌效果就会更加明显和有趣，该jQuery图片特效一共有3中效果。 在线演示        源码下载 2、简单实用的jQuery横向图片滚动焦点图插件 之前我们分享了不少焦点图插件，包括jQuery焦点图和HTML5焦点图，效果都非常不错。今天的这款jQuery焦点图插件看起来非常简单，但是无论从外观和实用价值上看都相当不错。这款jQuery焦点图的图片是横向滚动的，两侧均有左右滑动按钮。 在线演示        源码下载 3、jQuery幻灯片播放焦点图插件 这又是一款基于jQuery的幻灯片焦点图插件，和之前分享的焦点图插件类似，图片都可以[......] 阅读全文>>

支持HTML5的一款视频播放插件，使用时在head里引入<link href=“./video-js.css” rel=”stylesheet”>和[removed][removed]这两个文件就可以使用了。主要用法如下： <video id=”my_video_1″ class=”video-js vjs-default-skin” controls preload=”auto” width=”640″ height=”264″ poster=”my_video_poster.png” data-setup=”{}”> </video>