Css 缩放浏览器时嵌入元素周围的空白

我将NPR新闻嵌入到我的网页中，但放大浏览器时，嵌入元素周围会出现空白。嵌入式元素似乎具有白色背景，并对浏览器窗口的缩放作出反应。所以我在这个链接中读到了一个iframe可能是一个解决方案。这是一种可以接受的方式吗？只要给src属性链接到src属性iframe就可以解决问题了吗

<embed src="http://www.npr.org/v2/?i=339878618&#38;m=339878619&#38;t=audio" height="386" wmode="opaque" allowfullscreen="true" width="400" base="http://www.npr.org" type="application/x-shockwave-flash"></embed>

---

尝试从嵌入元素中删除边距和填充

body{margin:0; padding:0; background:blue;}
embed{margin:0; padding:0;}

---

演示

如果放大浏览器窗口，则嵌入元素周围的空白会扩大。我想知道是否有一种方法可以使嵌入元素的大小保持不变，即使在放大窗口时也是如此。您可以发布一个JSFIDLE或链接到您的页面吗？您也可以在演示中看到它。放大110%，显示空白。