Question

我需要在我的expressJS，AngularJS项目中同时使用JWPlayer 6和JWPlayer 7。通常情况下，每个人都可以单独工作。

我将它们分别包含在index.html

中

   <script src="/javascripts/jwplayer6.js"></script>
OR
   <script src="javascripts/jwplayer7.js" ></script>
   <script type="text/javascript">jwplayer.key="xxxx"; </script>

我在角度方面有player.html和player.controler.js，我在player.controler.js中保留了JWPlayer配置对象

                    $scope.options = {

                        width: "400px",
                        aspectratio: "16:9",
                        autostart: true,
                        androidhls: true,
                        image: '/images/04212a71.abcd.png'

                    };

                    $scope.file = $sce.trustAsResourceUrl(url);

在player.html文件中，我有

ng-jwplayer指令显示玩家，

<div>
  <uib-tabset justified="true" style="padding-top: 45px;" >
    <uib-tab heading="JWPlayer 6" select="changePlayer(jwp=7)"></uib-tab>
    <uib-tab heading="JWPlayer 7" select="changePlayer(jwp=6)"></uib-tab>
</uib-tabset>

bootstrap Tab，当我选择Tab时，我想在玩家之间切换。

我在player.controller.js中使用$ rootscope，在index.html中使用ng-if来使用自定义jwplayer6或jwplayer7，但它没有用。

此外，我尝试在player.html中导入自定义jwplayer脚本，它也没有用。

有没有人知道如何在同一个项目中包含和管理jwplayer6和jwplayer7？

由于

Answer 1

我使用iframe处理它。我将播放器脚本保存在.ejs文件中，并使用角度方面的iframe调用它们。它完美无缺。

如何在同一个项目中同时使用JWPlayer 6和JWPlayer 7？

1 个答案: