如何制作视频链接幻灯片?

时间:2015-10-18 14:37:40

标签: javascript jquery jquery-ui jquery-plugins youtube

我只有youtube视频网址列表,无法为每个视频添加图片作为缩略图。

现在我想将这个youtube视频列表作为jcarousel的幻灯片放映或任何其他jquery幻灯片放映。

这意味着我想以幻灯片形式显示YouTube视频。

如何在不上传每个视频的缩略图的情况下实现?

1 个答案:

答案 0 :(得分:0)

  1. 设置您的HTML / JS,因为jcarousel需要虚拟数据
  2. 使用youtube ID制作数组或对象
  3. 循环您的数组或对象以在jcarousel中创建多个项目
  4. 使用此方法接收循环内的视频缩略图:check = (form1.complete) ? true : false; // false or true depending on checkbox
  5. 不同维度有多个缩略图。试试自己吧 使用http://img.youtube.com/vi/[YOUTUBE-VIDEO-ID]/0.jpg1.jpg,...
  6. 使用youtube播放器的嵌入版本来显示视频。示例代码:2.jpg