#mediaelement.js

Reskin the WordPress [Audio] Shortcode

WordPress has had the ability to natively embed audio and video files into posts and pages since version 3.6 was released on August 1, 2013. Internally, WordPress uses the very powerful MediaElement.jsHTML5 audio and video players to accomplish this task. These players are written in pure HTML and CSS to enhance the capabilities of the native HTML5 and elements. HTML5 is supported by most modern…

MediaElement.js で動画再生の準備が整った事を検知する。 調べていくと次のような事がわかった。

オプションの success はプラグインなどの準備が成功しただけ

諸々の機能は success 以降でないと使えない

つまり success の中で "loadedmetadata" イベントのハンドラを設定することになる

Flashのフォールバックは load() をしてもうまく動かない。 play() → pause() でようやくイベント等が動くようになる。

var player = new MediaElementPlayer("#my-video", { success: function(media, ele){ media.addEventListener( "loadedmetadata", $.proxy($.fn.trigger, $(ele), "ready"), false ); if((/VIDEO/i).test(media.nodeName)){ media.load(); } else { media.play(); media.pause(); } } }); player.$media.on("ready", function(){ console.log("movie ready !"); });