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]

我在这里缺少什么？感谢您解决这些问题的一般建议。

对象不支持属性或方法'mediaelementplayer'

0 个答案: