使用 jQuery 更改 iframe src 属性中的参数

Question

搜索了很多，但没有找到我正在寻找的东西。 我想根据容器的宽度动态调整 iframe 的大小。

HTML：

<div class="row hidden" id="audio">
            <div class="twelvecol last">
            <iframe id="deezer" scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=710&height=308&scover=true&type=album&id=42808&title=" width="710" height="308"></iframe>
            </div>
        </div>

感谢 jQuery，我尝试将 div#content 的宽度和高度注入 iframe 的 src 属性的参数中：

<script>
$(document).ready(function(){
        var contentwidth = $('#content').width();
        var contentheight = $('#content').height(); 
        var iframeUrl = 'http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=' + contentwidth + '&height=' + contentheight + '&scover=true&type=album&id=42808&title=';
        $('#deezer').attr('src', iframeUrl).attr('width', contentwidth).attr('height', contentheight);   
});
</script> 

感谢您的帮助！

Answer 1

这是解决方案

1. 调整 iframe 的宽度高度以适应其中包含内容
2. 根据内容调整 iframe 的大小
3. iframe 根据内部内容动态高度宽度变化
4. 如何自动调整 iFrame 大小？