在deezer sdk中设置画布大小

Question

我正在尝试通过Deezer JS sdk设置画布高度。

我使用了以下代码：

DZ.ready(function() {
    DZ.deezer.setCanvasSize(1400); // no problem, DZ.deezer.setCanvasSize is existent
});

问题是，setCanvasSize函数使用了对名为"app“的对象的引用。应用程序似乎在deezer页面的上下文中(但我的应用程序是在自己的iframe中运行的)。当我尝试在我的chrome浏览器的JS控制台中调用代码时，它按预期工作。

但是当我从我的应用程序中运行代码时，出现了以下错误：

app is not defined dz.js:60
ReferenceError: app is not defined
     at Object.DZ.deezer.setCanvasSize (http://cdn-files.deezer.com/js/min/dz.js:68:258)
     at eval (eval at <anonymous> (https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js:1:15535), <anonymous>:827:15)
     at Object.DZ.Event.resolve (http://cdn-files.deezer.com/js/min/dz.js:52:271)
     at Array.2 (http://cdn-files.deezer.com/js/min/dz.js:140:10)
     at Object.DZ.Event.triggerEvent (http://cdn-files.deezer.com/js/min/dz.js:55:342)
     at Object.DZ.player.onLoad (http://cdn-files.deezer.com/js/min/dz.js:133:10)
     at DZ.onDeezerLoaded (http://cdn-files.deezer.com/js/min/dz.js:7:52)
     at DZ.communication.receive (http://cdn-files.deezer.com/js/min/dz.js:99:1) 

你有什么办法解决这个问题吗？

Answer 1

您应该使用DZ.canvas对象而不是DZ.deezer，如下所示：

// Set inApp size
DZ.canvas.setSize(1400);

如果您想要动态设置大小，请使用(加载jQuery )：

// Set inApp size
DZ.canvas.setSize($(document.body).height());