[mediaelement.js]Youtube再生時のループを禁止


http://mediaelementjs.com/

MediaElement.js
サーバ上の動画やYoutubeなどにある動画をHTML5のvideoタグで表示できるjsライブラリ.

これを使ってYoutubeを再生してみたが,なぜかループが止まらない.
サイトに記載されていたoptionの
useful for <audio> player loops
loop: false,
でもダメだった.(そもそもこれはaudio用みたい

そこで,audio,videoで作られたmediaelement要素に対し,次のようなEventListenerを付与した.

$('audio,video').mediaelementplayer({
success: function (player, node) {
$('#' + node.id + '-mode').html('mode: ' + player.pluginType);
//終了したら,停止
player.addEventListener('ended', function () {
// Player is ready
player.stop();
}, false);
},
});
"ended"状態の時,playerを止める.
なお,3行目の処理はサンプルファイルに書かれているものなのでそちらを参照.