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 等来改进上述内容。但我希望这是一个开始。