html5标签对js影响,让HTML5 video标签随处兼容的MediaElement.js

HTML5中的新新标签虽然可以代替flash player，但实际上由于受到版权等各种解码限制，以及受到兼容性的质疑，导致这个标签只能在部分浏览器中使用，为了更好的兼容不同的浏览器，以让不同的用户体验HTML5特性，MediaElement.js横空出世。

HTML5 and made easy.

One file. Any browser. Same UI.

这是MediaElement.js官网的口号，只需要一个js文件，一切都已经完成了。目前，wordpress3.6已经采用这个脚本，在wordpress新版本的默认主题中，你已经可以快速方便的使用各种视频了。

这个脚本的使用方法很简单，首先从MediaElement.js官网下载它，然后简单的在你的网页头部部署文件：

最后，就是让你的标签更兼容：

???

???

???

???

???

???

???

???

???

???

???

???

???????

???????

???????

???????

???

因为这个脚本提供了统一的播放界面，无论是PC浏览器，还是手机客户端，都采用统一的UI，所以让你的网页不再受到浏览器的限制。

播放视频：

// using jQuery

$('video,audio').mediaelementplayer(/* Options */);

这在HTML5中需要不少的代码，只能调用浏览器的API，但通过植入MediaElement.js可以实现更多。它还提供了很多API，你可以通过它的官网首页就可以获得这些API了。