网页上的旋转媒体重新加载

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中执行此操作？似乎它可能更适合服务器端技术。