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

Answer 2

如果您使用jQuery，则有flashembed from jQuery Tools。

如果您没有使用jQuery，则会有一种更受欢迎的Flash嵌入工具SWFObject。

两者都非常易于使用，他们的网站上有很多例子。

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

2 个答案: