文章/答案/技术大牛

发布

社区首页 >问答首页 >Jwplayer :jwplayer(.).setup不是函数

问Jwplayer :jwplayer(.).setup不是函数
EN

Stack Overflow用户

提问于 2016-10-17 05:22:09

回答 2查看 8.4K关注 0票数 3

我必须在弹出窗口中显示jwplayer，对于使用ngDialog (角)的弹出窗口，ngDialog的代码如下：

$scope.showVideoPlayerPopup = function(video_path)
{
    $scope.ngDialog = ngDialog;
            ngDialog.open({
                animation: true,
                scope:$scope,
                template:'<div id="video_popup"></div>',
                plain: true,
                //className: 'ngdialog-theme-default',
                closeByDocument: true
                //backdrop : 'static'
            });
        playVideo(video_path);
}

上面调用的play视频函数包含jwplayer的代码，如下所示：

<script>
    function playVideo(video_path)
    {
        jwplayer("video_popup").setup({
            file: video_path,
            width: "600px",
            height: "600px",
            stretching: "bestfit",
        });
    }

</script>

当我对简单的html代码使用相同的jwplayer代码(没有弹出)时，它工作得很好，但是我尝试将我的html放在弹出窗口中，它给了我下面的错误：

错误:jwplayer(.).setup不是函数

更新

我的档案包括：

<script src="https://content.jwplatform.com/libraries/qAkRysIB.js"></script>

angularjs

jwplayer

ng-dialog

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-10-17 05:48:08

确保包含jwplayer src (您可能已经这样做了，但万一没有：) 更新11/2021 请参阅文档页添加播放机库上的添加播放机库一节。这将需要获取JWPlayer帐户。

1. From your [Player Downloads & Keys](https://dashboard.jwplayer.com/#/players/downloads) page, scroll down to the **Cloud Hosted Player Libraries** section.

2. In the **Cloud Hosted Player Libraries** section, select a **Player Title** from the dropdown menu.

3. Copy the **Cloud Player Library Url**.

4. Within the `<head>` of your page, copy and paste the URL to the player library.

在调用setup函数之前，确保面板已加载。实现此目的的一种方法是从ngDialog.opened注册ngDialog事件侦听器(参见ngDialog自述的事件部分)： $scope.$on(‘ngDialog.open’，函数(e，$dialog) { playVideo()；})；

票数 5

Stack Overflow用户

发布于 2016-10-17 05:40:58

在jwplayer(.) Yes...because脚本可以work...May之前，必须在DOM中使用id "current_video_path“的div标记。您可以使用$timeout或setTimeout添加一些延迟，这样它就有足够的时间在弹出窗口中呈现div，然后才能使用该脚本。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40078984

复制

相似问题

问Jwplayer :jwplayer(.).setup不是函数
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jwplayer :jwplayer(.).setup不是函数EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jwplayer :jwplayer(.).setup不是函数
EN