Javascript 带angularjs的Jwplayer

我正在尝试几种方法在我使用angularjs的web应用程序中启动jwplayer。。我需要在

文件

选项处传递文件的动态链接。在我的控制器，我可以有一个简单的功能动态链接

getVideoStreaming: function(file) {
    $scope.fileName = file.name;
    $scope.documentId = document.id;
    $scope.videoSrc = "http://mywebserver.com/" + $scope.fileName;
},

当我点击一个按钮打开一个我想显示视频的模式时，就会调用这个函数

<button data-uk-modal="{target:'#videoPlayer'}" data-ng-click="files.getVideoStreaming(file)"> Open video </button>

打开视频

现在问题来了。。如何将此变量传递给我的模态？根据jwplayer的基本配置，我应该这样做：

<!-- dialog video -->
<div id="videoPlayer" class="uk-modal">
    <div class="uk-modal-dialog" style="width: 680px!important;">
        <a class="uk-modal-close uk-close"></a>
        <h3 class="uk-panel-title">
            <i class="zmdi zmdi-collection-text"></i>
            {{docName}}
        </h3>
        <div id="myElement">Loading the player...</div>

        <script type="text/javascript">
            var playerInstance = jwplayer("myElement");
            playerInstance.setup({
                file: "http://example.com/uploads/file.mp4",
                image: "http://example.com/uploads/myPoster.jpg",
                width: 640,
                height: 360,
                title: 'Basic Video Embed',
                description: 'A video with a basic title and description!'
            });
        </script>
    </div>
</div>

{{docName}}
正在加载播放器。。。
var playerInstance=jwplayer（“myElement”）；
playerInstance.setup({
文件：“http://example.com/uploads/file.mp4",
图像：“http://example.com/uploads/myPoster.jpg",
宽度：640，
身高：360，
标题：“基本视频嵌入”，
描述：“一个有基本标题和描述的视频！”
});

---

当然，正如我刚才所说，我需要

文件
动态。有可能找到解决方案吗？
我没有尝试在模式中使用JWPlayer，但我编写的指令应该适合您。如果没有，那么也许你可以逆向工程和适应。看看我是如何对视频文件使用ngsrc的，指令正在等待改变


或
bower安装ng jwplayer--保存

然后使用类似于：

<jwplayer ng-src="{{ videoSrc }}"
         player-options="options"
         player-id="myPlayer1">
</jwplayer>

包还使用服务来确保全局jwplayer不会被多次实例化

...
$scope.videoSrc = "http://mywebserver.com/" + $scope.fileName;
$scope.options = {
  image: "http://example.com/uploads/myPoster.jpg",
  width: 640,
  height: 360,
  title: 'Basic Video Embed',
  description: 'A video with a basic title and description!'
}