如何制作视频链接的幻灯片
How to make slide show of video links?
我只有youtube视频url的列表,没有办法为每个视频添加图像作为缩略图。
现在我想把这个youtube视频列表作为jcarousel或任何其他jquery幻灯片显示。
这意味着我要将youtube视频显示为幻灯片。
如何实现不上传每个视频的缩略图图像?
- 设置你的HTML/JS作为jcarousel需要它与虚拟数据
- 用你的youtube id创建一个数组或对象
- 循环数组或对象以在jcarousel中创建多个项目
- 用这个方法在你的循环中接收视频缩略图:
http://img.youtube.com/vi/[YOUTUBE-VIDEO-ID]/0.jpg
- 有多个不同维度的缩略图。试着自己
1.jpg
,2.jpg
,… - 使用youtube播放器的嵌入版本来显示视频。示例代码:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/[YOUTUBE-VIDEO-ID]" frameborder="0" allowfullscreen></iframe>
相关文章:
- 如何在Javascript中用URL链接不同的幻灯片图像
- JavaScript渐变幻灯片-图像链接
- Basic jQuery Slider中上一张/下一张幻灯片的自定义链接触发器
- Div 幻灯片 单击链接
- 带有数字的 Jquery 幻灯片 - 帮助让数字链接保持颜色,直到选择另一个链接
- Jssor 滑块 - 指向特定幻灯片的文本超链接
- 滑块中显示下一张幻灯片的链接.为什么
- 引导转盘-如何制作到特定幻灯片的外部链接
- 将逻辑与幻灯片和隐藏/显示链接起来
- 如何获得下一个/上一个链接以停留在CarouFredSel幻灯片的两侧
- Jquery,添加上一个/下一个链接对幻灯片图像的效果
- 一个页面中不同引导程序转盘幻灯片的不同链接
- jquery幻灯片切换:隐藏+新链接
- 如何制作视频链接的幻灯片
- NivoSlider -幻灯片显示后的链接+渐变为白色
- 如何在reveal.js中启用幻灯片外部的链接
- HTML和JavaScript图像幻灯片只链接到相同的超链接,而不是每个图像的不同链接
- 什么是导致链接不工作与navgoco幻灯片菜单
- 问题循环简单的javascript幻灯片与链接
- 向这个javascript幻灯片组添加链接的正确方法是什么