得到的Vimeo IMG缩略图？(Get img thumbnails from Vimeo?)

2019-06-21 07:56发布

站内文章 / 移动开发

34 0

闹够了就滚

女 | 书童

私信

我希望得到一个缩略图从Vimeo的视频。

当收到来自YouTube图片我只是这样做：

http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg

任何想法如何为Vimeo的呢？

下面是同样的问题，没有任何答案。

Answer 1:

从Vimeo的简单API文档：

制作一个视频请求

要获得有关特定的视频数据，使用以下网址：
http://vimeo.com/api/v2/video/video_id.output
VIDEO_ID你想要的信息，视频的ID。
输出指定的输出类型。我们目前提供JSON，PHP和XML格式。

所以得到这个URL http://vimeo.com/api/v2/video/6271487.xml

    <videos> 
      <video> 
        [skipped]
        <thumbnail_small>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_100.jpg</thumbnail_small> 
        <thumbnail_medium>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_200.jpg</thumbnail_medium> 
        <thumbnail_large>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_640.jpg</thumbnail_large> 
        [skipped]
    </videos>

解析这对每个视频获得的缩略图

下面是PHP代码近似

<?php

$imgid = 6271487;

$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$imgid.php"));

echo $hash[0]['thumbnail_medium'];

Answer 2:

在JavaScript（用了jQuery）：

function vimeoLoadingThumb(id){    
    var url = "http://vimeo.com/api/v2/video/" + id + ".json?callback=showThumb";

    var id_img = "#vimeo-" + id;

    var script = document.createElement( 'script' );
    script.src = url;

    $(id_img).before(script);
}


function showThumb(data){
    var id_img = "#vimeo-" + data[0].id;
    $(id_img).attr('src',data[0].thumbnail_medium);
}

要显示它：

<img id="vimeo-{{ video.id_video }}" src="" alt="{{ video.title }}" />
<script type="text/javascript">
  vimeoLoadingThumb({{ video.id_video }});
</script>

Answer 3:

使用jQuery JSONP请求：

<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>

Answer 4:

你应该分析的Vimeo的API的响应。有没有办法将它与URL调用（如位DailyMotion或YouTube）。

这是我的PHP的解决方案：

/**
 * Gets a vimeo thumbnail url
 * @param mixed $id A vimeo id (ie. 1185346)
 * @return thumbnail's url
*/
function getVimeoThumb($id) {
    $data = file_get_contents("http://vimeo.com/api/v2/video/$id.json");
    $data = json_decode($data);
    return $data[0]->thumbnail_medium;
}

Answer 5:

用Ruby，你可以做以下的，如果你有，说：

url                      = "http://www.vimeo.com/7592893"
vimeo_video_id           = url.scan(/vimeo.com\/(\d+)\/?/).flatten.to_s               # extract the video id
vimeo_video_json_url     = "http://vimeo.com/api/v2/video/%s.json" % vimeo_video_id   # API call

# Parse the JSON and extract the thumbnail_large url
thumbnail_image_location = JSON.parse(open(vimeo_video_json_url).read).first['thumbnail_large'] rescue nil

Answer 6:

下面是如何使用C＃做同样的事情在ASP.NET的例子。随意使用不同的错误捕获图像:)

public string GetVimeoPreviewImage(string vimeoURL)
{
    try
    {
        string vimeoUrl = System.Web.HttpContext.Current.Server.HtmlEncode(vimeoURL);
        int pos = vimeoUrl.LastIndexOf(".com");
        string videoID = vimeoUrl.Substring(pos + 4, 8);

        XmlDocument doc = new XmlDocument();
        doc.Load("http://vimeo.com/api/v2/video/" + videoID + ".xml");
        XmlElement root = doc.DocumentElement;
        string vimeoThumb = root.FirstChild.SelectSingleNode("thumbnail_medium").ChildNodes[0].Value;
        string imageURL = vimeoThumb;
        return imageURL;
    }
    catch
    {
        //cat with cheese on it's face fail
        return "http://bestofepicfail.com/wp-content/uploads/2008/08/cheese_fail.jpg";
    }
}

注意：您的API请求应该喜欢这样的要求时： http://vimeo.com/api/v2/video/32660708.xml

Answer 7:

最简单的JavaScript的方式，我发现得到的缩略图，而无需搜索视频ID使用：

//Get the video thumbnail via Ajax
$.ajax({
    type:'GET',
    url: 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
        console.log(data.thumbnail_url);
    }
});

注意：如果有人需要得到相关的视频ID的视频缩略图，他可以替换$id与视频ID并获得与视频信息的XML：

http://vimeo.com/api/v2/video/$id.xml

例：

http://vimeo.com/api/v2/video/198340486.xml

资源

Answer 8:

使用Vimeo的URL（ https://player.vimeo.com/video/30572181 ），这里是我的榜样

 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <title>Vimeo</title> </head> <body> <div> <img src="" id="thumbImg"> </div> <script> $(document).ready(function () { var vimeoVideoUrl = 'https://player.vimeo.com/video/30572181'; var match = /vimeo.*\/(\d+)/i.exec(vimeoVideoUrl); if (match) { var vimeoVideoID = match[1]; $.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', { format: "json" }, function (data) { featuredImg = data[0].thumbnail_large; $('#thumbImg').attr("src", featuredImg); }); } }); </script> </body> </html>

Answer 9:

如果你想通过纯JS / jQuery的没有API使用缩略图，你可以使用这个工具来捕获从视频瞧帧！插入其中曾经源你喜欢的网址大拇指。

下面是一个代码笔：

http://codepen.io/alphalink/pen/epwZpJ

<img src="https://i.vimeocdn.com/video/531141496_640.jpg"` alt="" />

下面是该网站获得的缩略图：

http://video.depone.eu/

Answer 10:

这似乎是API / v2是死了。
为了使用新的API，你需要注册你的应用程序，并进行Base64编码， client_id和client_secret作为Authorization头。

$.ajax({
    type:'GET',
    url: 'https://api.vimeo.com/videos/' + video_id,
    dataType: 'json',
    headers: {
        'Authorization': 'Basic ' + window.btoa(client_id + ":" + client_secret);
    },
    success: function(data) {
        var thumbnail_src = data.pictures.sizes[2].link;
        $('#thumbImg').attr('src', thumbnail_src);
    }
});

为了安全起见，你可以返回client_id和client_secret已经从服务器编码。

Answer 11:

function parseVideo(url) {
    // - Supported YouTube URL formats:
    //   - http://www.youtube.com/watch?v=My2FRPA3Gf8
    //   - http://youtu.be/My2FRPA3Gf8
    //   - https://youtube.googleapis.com/v/My2FRPA3Gf8
    // - Supported Vimeo URL formats:
    //   - http://vimeo.com/25451551
    //   - http://player.vimeo.com/video/25451551
    // - Also supports relative URLs:
    //   - //player.vimeo.com/video/25451551

    url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);

    if (RegExp.$3.indexOf('youtu') > -1) {
        var type = 'youtube';
    } else if (RegExp.$3.indexOf('vimeo') > -1) {
        var type = 'vimeo';
    }

    return {
        type: type,
        id: RegExp.$6
    };
}

function getVideoThumbnail(url, cb) {
    var videoObj = parseVideo(url);
    if (videoObj.type == 'youtube') {
        cb('//img.youtube.com/vi/' + videoObj.id + '/maxresdefault.jpg');
    } else if (videoObj.type == 'vimeo') {
        $.get('http://vimeo.com/api/v2/video/' + videoObj.id + '.json', function(data) {
            cb(data[0].thumbnail_large);
        });
    }
}

Answer 12:

其实谁问这个问题的人贴出了自己的答案。

“Vimeo的好像要我做一个HTTP请求，并提取它们返回的XML缩略图网址...”

该Vimeo的API文档是在这里： http://vimeo.com/api/docs/simple-api

总之，您的应用程序需要做出一个GET请求如下所示的网址：

http://vimeo.com/api/v2/video/video_id.output

并解析返回的数据以获得您需要的缩略图URL，然后下载该文件在那个URL。

Answer 13:

我写在PHP函数，让我这个问题，我希望它是有用的人。缩略图的路径包含在视频页面上的链接标签内。这似乎这样的伎俩我。

    $video_url = "http://vimeo.com/7811853"  
    $file = fopen($video_url, "r");
    $filedata = stream_get_contents($file);
    $html_content = strpos($filedata,"<link rel=\"videothumbnail");
    $link_string = substr($filedata, $html_content, 128);
    $video_id_array = explode("\"", $link_string);
    $thumbnail_url = $video_id_array[3];
    echo $thumbnail_url;

希望它可以帮助任何人。

Foggson

Answer 14:

function getVimeoInfo($link)
 {
    if (preg_match('~^http://(?:www\.)?vimeo\.com/(?:clip:)?(\d+)~', $link, $match)) 
    {
        $id = $match[1];
    }
    else
    {
        $id = substr($link,10,strlen($link));
    }

    if (!function_exists('curl_init')) die('CURL is not installed!');
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, "http://vimeo.com/api/v2/video/$id.php");
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_TIMEOUT, 10);
    $output = unserialize(curl_exec($ch));
    $output = $output[0];
    curl_close($ch);
    return $output;
}`

//低于功能通过缩略图URL。

function save_image_local($thumbnail_url)
    {

         //for save image at local server
         $filename = time().'_hbk.jpg';
         $fullpath = '../../app/webroot/img/videos/image/'.$filename;

         file_put_contents ($fullpath,file_get_contents($thumbnail_url));

        return $filename;
    }

Answer 15:

分解卡菲基恩普的答案，因此它可以在场景更宽阵列一起使用：

// Requires jQuery

function parseVimeoIdFromUrl(vimeoUrl) {
  var match = /vimeo.*\/(\d+)/i.exec(vimeoUrl);
  if (match)
    return match[1];

  return null;
};

function getVimeoThumbUrl(vimeoId) {
  var deferred = $.Deferred();
  $.ajax(
    '//www.vimeo.com/api/v2/video/' + vimeoId + '.json',
    {
        dataType: 'jsonp',
        cache: true
    }
  )
  .done(function (data) {
    // .thumbnail_small 100x75
    // .thumbnail_medium 200x150
    // 640 wide
        var img = data[0].thumbnail_large;
        deferred.resolve(img);  
    })
  .fail(function(a, b, c) {
    deferred.reject(a, b, c);
  });
  return deferred;
};

用法

从Vimeo的视频网址，以获取一个Vimeo的标识：

var vimeoId = parseVimeoIdFromUrl(vimeoUrl);

获得从Vimeo的ID的VIMEO缩略图网址：

getVimeoThumbUrl(vimeoIds[0])
.done(function(img) {
    $('div').append('<img src="' + img + '"/>');
});

https://jsfiddle.net/b9chris/nm8L8cc8/1/

Answer 16:

如果你并不需要一个自动化的解决方案，你可以在这里输入的VIMEO ID找到缩略图URL http://video.depone.eu/

Answer 17:

这是做它的快速狡猾的方式，也是一个方法可以选择自定义尺寸。

我去这里：

http://vimeo.com/api/v2/video/[VIDEO ID].php

下载文件，打开它，并找到640个像素宽的缩略图，它会像这样的格式：

https://i.vimeocdn.com/video/[LONG NUMBER HERE]_640.jpg

你把链接，修改640 - - 例如1400，而你最终的东西是这样的：

https://i.vimeocdn.com/video/[LONG NUMBER HERE]_1400.jpg

粘贴您的浏览器搜索栏和享受。

干杯，

Answer 18:

如果你正在寻找一个替代的解决方案，可以管理VIMEO账户还有另一种方式，你只需添加你要显示成一个专辑，然后使用API请求专辑的每个细节视频 - 它然后显示所有的缩略图和链接。这不是理想的，但可能的帮助。

API结束点（运动场）

Twitter的康沃与@vimeoapi

Answer 19:

你可能想看看马特挂钩宝石。 https://github.com/matthooks/vimeo

它提供了API简单VIMEO包装。

所有你需要的存储VIDEO_ID（与供应商，如果你还做其他视频网站）

您可以提取VIMEO视频ID如下

def 
  get_vimeo_video_id (link)
        vimeo_video_id = nil
        vimeo_regex  = /http:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/
        vimeo_match = vimeo_regex.match(link)


if vimeo_match.nil?
  vimeo_regex  = /http:\/\/player.vimeo.com\/video\/([a-z0-9-]+)/
  vimeo_match = vimeo_regex.match(link)
end

    vimeo_video_id = vimeo_match[2] unless vimeo_match.nil?
    return vimeo_video_id
  end

如果你需要你管，你可能会发现这个有用

def
 get_youtube_video_id (link)
    youtube_video_id = nil
    youtube_regex  = /^(https?:\/\/)?(www\.)?youtu.be\/([A-Za-z0-9._%-]*)(\&\S+)?/
    youtube_match = youtube_regex.match(link)

if youtube_match.nil?
  youtubecom_regex  = /^(https?:\/\/)?(www\.)?youtube.com\/watch\?v=([A-Za-z0-9._%-]*)(\&\S+)?/
  youtube_match = youtubecom_regex.match(link)
end

youtube_video_id = youtube_match[3] unless youtube_match.nil?
return youtube_video_id
end

Answer 20:

更新：该解决方案停止工作为2018年12月的。

我一直在寻找同样的事情，它看起来像这里的大多数答案是过时的，由于到Vimeo API V2被弃用。

我的PHP 2¢：

$vidID     = 12345 // Vimeo Video ID
$tnLink = json_decode(file_get_contents('https://vimeo.com/api/oembed.json?url=https%3A//vimeo.com/' . $vidID))->thumbnail_url;

与上面你会得到链接到Vimeo默认缩略图。

如果你想使用不同大小的图片，你可以添加类似：

$tnLink = substr($tnLink, strrpos($tnLink, '/') + 1);
$tnLink = substr($tnLink, 0, strrpos($tnLink, '_')); // You now have the thumbnail ID, which is different from Video ID

// And you can use it with link to one of the sizes of crunched by Vimeo thumbnail image, for example:
$tnLink = 'https://i.vimeocdn.com/filter/overlay?src0=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F' . $tnLink    . '_1280x720.jpg&src1=https%3A%2F%2Ff.vimeocdn.com%2Fimages_v6%2Fshare%2Fplay_icon_overlay.png';

Answer 21:

对于像我这样的人谁是试图最近想出解决办法，

https://i.vimeocdn.com/video/[video_id]_[dimension].webp对我的作品。

（其中， dimension = 200x150 | 640）

文章来源: Get img thumbnails from Vimeo?

标签： html thumbnails vimeo