Har*_*mer 3 jwplayer angularjs ng-dialog
我必须在弹出窗口中显示 jwplayer，对于弹出窗口我使用 ngDialog(angular)，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);
}
上面调用的播放视频函数包含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>
确保包含 jwplayer src （您可能已经这样做了，但以防万一：）
请参阅文档页面添加播放器库上的云托管部分。这将需要获得 JWPlayer 帐户。
从“播放器下载和密钥”页面，向下滚动到“云托管播放器库”部分。
在“云托管播放器库”部分中，从下拉菜单中选择一个播放器标题。
复制云播放器库 URL。
在
<head>页面中，将 URL 复制并粘贴到播放器库。Run Code Online (Sandbox Code Playgroud)<script src="{cloud_hosted_player_library_url}"></script>
在调用该函数之前确保面板已加载setup。ngDialog.opened一种方法是从 ngDialog注册一个事件监听器（请参阅ngDialog 自述文件的事件部分）：
$scope.$on('ngDialog.opened', function (e, $dialog) {
playVideo();
});
| 归档时间： |
|
| 查看次数： |
9458 次 |
| 最近记录： |