正在寻找一种无需(我重复一遍,无需)向 Vimeo API 发出 REST 请求即可获取 Vimeo 视频缩略图的方法?
(不幸的是,下面的“答案”已经有 10 多年历史了,并没有回答这个问题:从 Vimeo 获取 img 缩略图?)
几乎所有视频提供商都允许您通过简单地在特定 URL 路径中提供视频 ID 来获取视频的缩略图(即:YouTube、Matterport、iGuide 等)
需要明确的是 - 我并不是在寻找使用 Javascript 或需要向 Vimeo API 发出请求的“解决方案” - 只是一个可以在给定 Vimeo 视频 ID 的情况下返回缩略图的特定 URL。
从这个问题中挑选出来:从Vimeo获取img缩略图?
我正在尝试创建一个包含几个vimeo视频的页面.
我希望HTML中的视频看起来像这样:
<div id='12345678' class='vimeo'></div>
<div id='23423423' class='vimeo'></div>
Run Code Online (Sandbox Code Playgroud)
然后,我希望jQuery来填充divs与img其中src的还有Vimeo缩略图,以及a指向视频,且其文字是视频的标题.也就是说,它应该像这样结束:
<div id='12345678' class='vimeo'>
<a href='https://vimeo.com/12345678'>
<img src='url-to-thumbnail.jpg' />
Video Title
</a>
</div>
Run Code Online (Sandbox Code Playgroud)
(为了清晰起见,添加了缩进)
这是我从其他问题的出发点:
<script type="text/javascript">
$.ajax({
type:'GET',
url: 'http://vimeo.com/api/v2/video/' + video_id + '.json',
jsonp: 'callback',
dataType: 'jsonp',
success: function(data){
var thumbnail_src = data[0].thumbnail_large;
$('#thumb_wrapper').append('<img src="' + thumbnail_src + '"/>');
}
});
</script>
<div id="thumb_wrapper"></div>
Run Code Online (Sandbox Code Playgroud) 我尝试从vimeo的url获取id视频,但查看源代码有时它会像:
http://vimeo.com/XXXXXXXXX
Run Code Online (Sandbox Code Playgroud)
和其他人喜欢:
http://player.vimeo.com/video/XXXXXXXXX
Run Code Online (Sandbox Code Playgroud)
我刚刚获得了id视频,但它必须与regExp一起使用,因为我必须解析来自博客的内容,并且当我们插入代码html时,就像facebook页面一样.
这是我做的regExp:
/vimeo\.com\/(\w+\s*\/?)*([0-9]+)*$/i
Run Code Online (Sandbox Code Playgroud)
你能帮助我吗?我感谢你的帮助.
PD:抱歉我的英文
我知道有很多关于这个的主题已经开放,但是我尝试了所有这些主题,对我来说没有任何作用.我想使用PHP从Vimeo视频ID获取Vimeo缩略图.
我试图将YouTube缩略图和Vimeo缩略图放在同一个脚本中,但对我来说这并不容易,因为我是jQuery的新手.
我想问一下是否有人可以看看这个jQuery脚本在任何浏览器中运行良好:http://jquery-howto.blogspot.com/2009/02/how-to-get-youtube-video-screenshot.html
我也看到了这个问题:从Vimeo获取img缩略图?,但没有关于如何使用jQuery做到这一点.
我觉得应该是很容易使对谁已经知道jQuery的编码,这将是谁将会使同时使用影片的Tumblr主题明确的解决方案.
vimeo ×5
vimeo-api ×3
jquery ×2
php ×2
thumbnails ×2
javascript ×1
preg-match ×1
regex ×1
youtube ×1