尝试制作youtube视频的缩略图,并在单击时将其放大
Trying to make a thumbnail of a youtube video and have it enlarge when clicked
有没有办法将youtube视频的缩略图嵌入到我的html中,当点击时,它会放大到全尺寸?这样,我可以有一排视频缩略图,这就是我正在尝试做的
例如,http://www.youtube.com/embed/Jxsl5DZtdcg?wmode=opaque。。。。。是我想放在缩略图中的视频之一,但我不确定如何做到这一点。如有任何帮助,我们将不胜感激!
Youtube已经为每个视频创建了4个缩略图,您可以通过以下格式访问它们:
http://img.youtube.com/vi/<youtube-id>/0.jpg 480x360
http://img.youtube.com/vi/<youtube-id>/1.jpg 120x90
http://img.youtube.com/vi/<youtube-id>/2.jpg 120x90
http://img.youtube.com/vi/<youtube-id>/3.jpg 120x90
因此,对于您的视频,它将是:
http://img.youtube.com/vi/Jxsl5DZtdcg/0.jpg
http://img.youtube.com/vi/Jxsl5DZtdcg/1.jpg
http://img.youtube.com/vi/Jxsl5DZtdcg/2.jpg
http://img.youtube.com/vi/Jxsl5DZtdcg/3.jpg
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 单击F5时如何停止页面加载
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 单击jquery清除输入值
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- 尝试制作youtube视频的缩略图,并在单击时将其放大
- 单击放大缩略图
- 谷歌地图区域中的自定义叠加层单击然后放大
- 如何使用鼠标单击和拖动来放大 D3
- 如何在类似于Twitter的新弹出窗口中单击时显示放大的图像
- 如何单击图像使其放大HTML弹出窗口
- jQuery,单击以放大图像,然后再次单击使其恢复到以前的宽度
- 单击时使用 java 脚本放大图像
- 如何在不悬停/单击的情况下设置放大图像的动画
- 放大复选框单击区域
- 放大单击的图像,而不考虑其他图像的位置
- 通过Panzoom变换放大时,获取画布单击坐标
- 单击放大显示当前图像