javascript - 在网页重新加载时旋转媒体

Question

我正在一个网站上工作，旁边有一个广告空间。我希望能够在每次加载页面时显示不同的广告。如果广告是纯图片，我知道该怎么做，但我也希望其中一些是 youtube 视频或其他媒体来源。

我想为此使用 javascript，但我想使用尽可能少的脚本。

任何帮助将不胜感激。

对于图像，我会使用如下代码：

<script type="text/javascript">

//Random Banner image on Page Reload

//store the images in arrays below

images = new Array(5);

images[0] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";

images[1] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";

images[2] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";

images[3] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";

images[4] = "<a href='http://www.example.com'><img src='some_image.gif'/></a>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);
</script>

Answer 1

增强您已有的逻辑，您可以为这样的 youtube 视频添加标记（使用YouTube iframe api）：

images[5] = '<iframe type="text/html" width="640" height="390" src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1&origin=http://example.com" frameborder="0"></iframe>';

您想在 JavaScript 中执行此操作是否有特定原因？似乎它可能更适合服务器端技术。