Javascript 如何将现有播客嵌入我的网站？

我管理一个播客和一个网站，目前它们是分开的，但我想有一种方法将播客嵌入到网站中，我仍然希望创建/更新独立于网站的播客我只是希望访问者能够在不打开iTunes的情况下在网站上收听播客，同时仍然能够选择播放哪一集。我找到的最好的解决办法是：但我不太喜欢它。目前我必须登录并单击“刷新”才能识别新的剧集

---

我希望能够更新播客，就像iTunes将如何更新一样，我希望网站上的页面也能更新。“podcast”页面很可能不像博客，但有一个Flash或Java脚本，可能是HTML5应用程序，可以从podcast.xml文件中提取信息来显示剧集。

我找到了两种解决方案：

在一个小部件中显示播客，您可以在其中知道播客在站点外部托管

---

该版本更为原生，但要使用它，您必须在RapidWeaver中创建站点，并且此解决方案成本很低。

我找到了两种解决此问题的方法：

在一个小部件中显示播客，您可以在其中知道播客在站点外部托管

---

这是一个更自然的版本，但是要使用它，你必须在RapidWeaver中创建你的站点，而且这个解决方案的成本很低。

如果你的站点使用WordPress，一个很好的选择是。另外，如果你想让播客远离你的网站，但仍然给听众一个iTunes以外的选择，请查看如果你在你的网站上使用WordPress，一个很好的选择是。此外，如果您想让播客远离您的网站，但仍然为听众提供iTunes以外的选项，请查看

如果您想在添加到iTunes时显示更新的播客，请使用iFrame。iFrame应该指向您的iTunes预览页面。您可能不想在iTunes预览页面的顶部导航栏上显示iTunes预览页面，也不想在iTunes预览页面的底部显示所有链接，这是有办法解决的

将iFrame放置在div中，使用一些内嵌样式来获得所需的尺寸，并使用负边距修剪顶部和底部。请注意，iFrame中的负边距顶部和底部从iFrame高度中减去，因此实际高度为500px。应该是这样的

<div style="overflow: hidden;">
<iframe src="link-to-podcast" scrolling="auto width="100%" frameborder="0"
height="980px" allowtransparency="no" allowfullscreen="allowfullscreen"
style="margin: -80px 0 -400px 0;"></iframe>
</div>

如果要在iTunes中添加更新的播客时显示这些播客，请使用iFrame。iFrame应该指向您的iTunes预览页面。您可能不想在iTunes预览页面的顶部导航栏上显示iTunes预览页面，也不想在iTunes预览页面的底部显示所有链接，这是有办法解决的

将iFrame放置在div中，使用一些内嵌样式来获得所需的尺寸，并使用负边距修剪顶部和底部。请注意，iFrame中的负边距顶部和底部从iFrame高度中减去，因此实际高度为500px。应该是这样的

<div style="overflow: hidden;">
<iframe src="link-to-podcast" scrolling="auto width="100%" frameborder="0"
height="980px" allowtransparency="no" allowfullscreen="allowfullscreen"
style="margin: -80px 0 -400px 0;"></iframe>
</div>