Question

我们在分页测验风格向导/轮播中有一些嵌入式Spotify播放按钮（使用jQuery Tools -yuk-来提供分页功能）;我遇到的问题是因为每个问题都在最初隐藏的div上，每个Spotify iframe的内容都无法确定要渲染的玩家（小与大）。

当用户滚动到每个面板时，可以强制刷新这些iframe，但这感觉就像是一个黑客和一堆额外的HTTP请求。

有没有人有这方面的经验？任何不需要我将请求乘以Spotify的变通办法吗？

提前致谢

取值

Answer 1

负责Spotify Play Button的团队最近发布了一个修复此问题的更新。您无需对嵌入代码进行任何更改。

这里我附上一些示例代码及其jsFiddle。

在示例中，这是HTML：

    <button id="show-play">Show Play Button</button>
    <div id="container" style="display:none">
        <iframe src="https://embed.spotify.com/?uri=spotify:track:4bz7uB4edifWKJXSDxwHcs" width="300" height="380" frameborder="0" allowtransparency="true">
        </iframe>
    </div>

你改变了它的样式CSS属性：

    (function() {
        var button = document.getElementById('show-play'),
            container = document.getElementById('container');

        button.addEventListener(
            'click',
            function() {
                container.style.display = 'block';
            },
            false
        );
    })();

您可以在this jsFiddle中看到它。

免责声明：我是Spotify员工。

Spotify Play按钮调整隐藏元素的大小

1 个答案: