javascript - 使用ajax将flash视频加载到div中

Question

我有一个客户希望能够从视频缩略图的播放列表中进行选择，并替换页面上已有的视频。我还需要观看加载时间，所以认为如果使用 ajax 单击每个视频以及何时单击它会更好吗？我是 ajax 的新手，所以不确定这是否是最佳选择。

我的页面如下:

<div id="container">
<div id="video">
</div>
<div id="videoSelector">
</div>
</div>

videoSelector div 将包含用户单击的缩略图，视频将加载到视频 div 中。

任何帮助都会很棒

谢谢

Answer 1

您并不真的需要 AJAX 来实现此功能。你可以这样做:

<script>
 function changeVideo(filename) {
 document.getElementById('video').innerHTML = 'CODE DEPENDING ON PLAYER'+filename+'REMAINING CODE';
}
</script>
<div id="video"></div>
<div id="videoSelector">
<a href="javascript:void();" onclick="javascript:changeVideo('filename');">Thumbnail 1</a>
<a href="javascript:void();" onclick="javascript:changeVideo('filename2');">Thumbnail 2</a>
<a href="javascript:void();" onclick="javascript:changeVideo('filename3');">Thumbnail 3</a>
</div>

像上面一样简单的东西。您绝对可以使用类选择器、jQuery 等改进上述内容。但我希望这是一个开始。