滚动下来时如何加载YouTube视频内联搜索?

时间:2014-03-14 11:54:16

标签: javascript jquery html html5 youtube

我正在进行YouTube内联搜索。我有一个代码,我只能在我的页面中更新50个视频。我想将这个数字增加到无限,因为它应该像无限滚动一样。正如您所看到的,在加载50个视频后,页面底部会显示名为Load Next的链接。我不需要这个链接。我需要的是,当我向下滚动时,如果需要,列表中应该可以看到加载器,同时这个视频列表会被加载。请提出任何建议。

JSFIDDLE

<form onsubmit="ytEmbed.init({'block':'youtubeDivSearch','type':'search','q':document.getElementById('ytSearchField').value,'results': 50,'order':'most_relevance'}); return false;">
  <input  type="text" id="ytSearchField">  <input type="submit" value="  Search  ">
</form>
<div id="youtubeDivSearch"></div>

1 个答案:

答案 0 :(得分:1)

一旦到达#youtubeDivSearch容器的底部,您将需要触发ytEmbed的 loadNext 功能。您可以使用infinate scroller插件(例如jscroll.com

来触发此操作

但是,您可能需要通过ytEmbed脚本手动删除“load next”的自动插入