javascript - オブジェクトはプロパティまたはメソッド'mediaelementplayer'をサポートしていません

Question

ビデオタグを追加してMediaElement.jsを適用しようとしています。

これを行うと、正しく機能します（簡潔にするためにビデオタグを減らしましたが、エラーはスローされません）：

<link rel='stylesheet' href='/_layouts/MediaElementWebPart/mediaelementplayer.min.css' />
<script type="text/javascript" src='/_layouts/MediaElementWebPart/jquery.js'></script>
<script type="text/javascript" src='/_layouts/MediaElementWebPart/mediaelement-and-player.min.js'></script>
<video width='640' height='320' id='MEWP'>
</video>
<script>$('MEWP').mediaelementplayer()</script>

しかし、コードを介してタグを追加すると、.mediaelementplayer（）は SCRIPT438をスローします。オブジェクトはプロパティまたはメソッド「mediaelementplayer」をサポートしていません

<link rel='stylesheet' href='/_layouts/MediaElementWebPart/mediaelementplayer.min.css' />
<script type="text/javascript" src='/_layouts/MediaElementWebPart/jquery.js'></script>
<script type="text/javascript" src='/_layouts/MediaElementWebPart/mediaelement-and-player.min.js'></script>
<div id="videosContainer">
</div>
<script type="text/javascript">
    $(function () {
        var random = Math.floor((Math.random() * 100000) + 1);
        var id = "MEWP-" + random.toString();
        var video = "<video width=\'640\' height=\'320\' id=\'" + id + "\' ></video>";
        $(video).appendTo('#videosContainer');
        $('#' + id).mediaelementplayer();
    });
</script>

デバッガーによると、ビデオタグの要素は見つかったようですが

[+]     $('#' + id)[0]  {...}   [Object, HTMLVideoElement]

ここで何が欠けていますか？この種の問題をトラブルシューティングするための一般的なアドバイスをいただければ幸いです。