MediaElement.js 和 Angularjs

Question

我有这个简单的 mediaElement.js 音频，它适用于正常的 HTML/Js 但不适用于 angularjs。媒体播放器显示正常，但点击播放按钮不起作用。

<div class="col-md-6">
    <div class="alert alert" ng-repeat="media in medias">
        <h3>{{media.title}}</h3>
        <p>{{media.summary}}</p>
        <audio id="{{media.filename}}" src="http://danosongs.com/music/danosongs.com-orb-of-envisage.mp3" type="audio/mp3" controls="controls">     
    </div>

</div>

<script>
    // using jQuery
    $('video,audio').mediaelementplayer(/* Options */);
</script>

![在此处输入图片描述][1]

Answer 1

感谢@Biswanath，我发现了问题。我在 Angular 完成加载元素之前加载了 Mediaelement。所以我不得不在加载所有元素时调用它。谷歌搜索我找到了解决方案 here 这是我的 HTML 代码

<div class="alert alert" ng-repeat="media in medias" ng-init="$last ? loadMediaElement() : false">

然后在我的控制器范围内，我注册了 Javascript 引导 MediaElementjs 的函数，因为 ng-repeat 已完成

    $scope.loadMediaElement = function()
    {
        $('video,audio').mediaelementplayer(/* Options */);
    };

MediaElement.js 和 Angularjs

MediaElement.js with Angularjs

mediaelement.js

angularjs