我有一个客户希望能够从视频缩略图播放列表中进行选择,并且它会替换页面上已有的视频。我还需要观察加载时间,因此认为如果使用 ajax 单击每个视频,则请求该视频会更好吗?我是 ajax 新手,所以不确定这是否是最好的选择。
我的页面如下:
<div id="container">
<div id="video">
</div>
<div id="videoSelector">
</div>
</div>
videoSelector div 将具有用户单击的缩略图,视频将加载到视频 div 中。
任何帮助都会很棒
Thanks
您实际上并不需要 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 等来改进上述内容。但我希望这是一个开始。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)