javascript - 如何在同一个项目中同时使用 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，并且我将JWPlayer配置对象保留在player.controler.js中

                    $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>

引导选项卡，当我选择该选项卡时，我想在玩家之间切换。

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

我还尝试在player.html中导入自定义jwplayer脚本，但它也不起作用。

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

谢谢

Answer 1

我使用 iframe 处理它。我将玩家脚本保存在 .ejs 文件中，并使用 Angular 侧的 iframe 来调用它们。它工作完美。