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

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>

我在angular侧有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，当我选择bootstrap Tab时，我想要在玩家之间切换。

我在player.controller.js中使用$rootscope，在index.html中使用ng-if，以使用自定义的jwplayer6或jwplayer7，但它不起作用。

此外，我还尝试在player.html中导入自定义的jwplayer脚本，但同样不起作用。

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

谢谢

Answer 1

我是用iframe处理的。我将播放器脚本保存在.ejs文件中，并在角度侧使用iframe调用它们。它工作得很完美。