但是这样在不同浏览器下呈现的效果会有差异,为了让每个浏览器下都有一致的效果,我们选择了MediaElement.js mediaelement HTML5 audio and video players
Android 3.0+ iOS 3.0+ flash支持 Flowplayer(GPL ×) GrindPlayer(MIT) video-js-swf(Apache License 2.0) MediaElement.js (MIT) clappr(BSD IE10+ ×) 最后,由于MediaElement已经纳入WordPress的核心视音频库,以及其良好的兼容性(见下图),所以最后选择使用MediaElement.js
Android 3.0+ iOS 3.0+ flash支持 Flowplayer(GPL ×) GrindPlayer(MIT) video-js-swf(Apache License 2.0) MediaElement.js (MIT) clappr(BSD IE10+ ×) 最后,由于MediaElement已经纳入WordPress的核心视音频库,以及其良好的兼容性(见下图),所以最后选择使用MediaElement.js
刚开始应该是使用html5的默认audio播放界面,后面就使用MediaElement.js的播放器且覆盖了样式,默认都是黑色调的蓝/白色进度条的那种。 } } //给MediaElementJs播放器添加自定义样式mytheme-mejs-container 用于重写系统自带css /** * Add an HTML class to MediaElement.js * * Extends the core _wpmejsSettings object to add a new feature via the * MediaElement.js plugin
MediaElement.js 更新到 4.2.6 WordPress 4.9 包含了更新版本的 MediaElement.js ,消除了对 jQuery 的依赖,改进了可访问性,UI 更加现代化,修复了许多错误
JavaScript 类库更新:Masonry 3.3.2, imagesLoaded 3.2.0, MediaElement.js 2.22.0, TinyMCE 4.4.1, and Backbone.js
之后介绍了 5 个播放组件,分别是 Plyr, Video.js, Afterglow, MediaElement.js, jPlayer。 这里面我只用过 jPlayer,感觉还不错,挺简单的。
—— 外部库 外部库更新到最新版本:Masony更新至3.3.2,imagesLoaded更新到3.2.0,MediaElement.js更新到2.22.0,TinyMCE更新到4.4.1,Backbone.js