{"id":6889,"date":"2025-04-19T13:13:05","date_gmt":"2025-04-19T04:13:05","guid":{"rendered":"https:\/\/taitan916.info\/blog\/?p=6889"},"modified":"2025-03-19T14:14:32","modified_gmt":"2025-03-19T05:14:32","slug":"post-6889","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/6889","title":{"rendered":"vimeo\u306e\u52d5\u753bURL\u304b\u3089\u30b5\u30e0\u30cd\u30a4\u30eb\u753b\u50cf\u7528URL\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5(oEmbed API)"},"content":{"rendered":"<p>vimeo\u306e\u52d5\u753bURL(https:\/\/vimeo.com\/xxxxx)\u304b\u3089\u30b5\u30e0\u30cd\u30a4\u30eb\u7528URL\u3092\u53d6\u5f97\u3057\u305f\u3044\u3002youtube\u3060\u3068\u300chttp:\/\/img.youtube.com\/vi\/\u3010\u52d5\u753bID\u3011\/maxresdefault.jpg\u300d\u306e\u3088\u3046\u306a\u5f62\u3067\u53d6\u5f97\u3067\u304d\u308b\u304cvimeo\u306fAPI\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3059\u308b\u5fc5\u8981\u3042\u308a\u3002\u4ee5\u4e0b\u306b\u5bfe\u5fdc\u65b9\u6cd5\u3092\u30e1\u30e2\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u5bfe\u5fdc\u65b9\u6cd5<\/h2>\n<h3>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h3>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">const url = new URL(`https:\/\/vimeo.com\/153868821`);\r\nconst id = url.pathname.replace(\/\\\/+$\/, '').split('\/').pop();\r\n\r\nfetch(`https:\/\/vimeo.com\/api\/oembed.json?url=https:\/\/vimeo.com\/${id}`)\r\n    .then((data) =&gt; data.json())\r\n    .then((res) =&gt; {\r\n        console.log(res.thumbnail_url); \/\/ \u300chttps:\/\/i.vimeocdn.com\/video\/554273402-2eaa3354550c611ed8266f0112421ee75cf085ba477e86684690a1914695d1bf-d_640\u300d\u304c\u51fa\u529b\r\n    })\r\n    .catch(e =&gt; {\r\n        console.error(e.message)\r\n    }\r\n);<\/pre>\n<h3>API\u306e\u30ec\u30b9\u30dd\u30f3\u30b9(\u623b\u308a\u5024)\u306b\u3064\u3044\u3066<\/h3>\n<p>\u30ec\u30b9\u30dd\u30f3\u30b9\u5168\u5bb9\u306f\u4ee5\u4e0b\u3068\u306a\u308a\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u753b\u50cf\u7528URL\u4ee5\u5916\u306b\u69d8\u3005\u306a\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u53ef\u80fd\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">{\r\n  \"type\": \"video\",\r\n  \"version\": \"1.0\",\r\n  \"provider_name\": \"Vimeo\",\r\n  \"provider_url\": \"https:\/\/vimeo.com\/\",\r\n  \"title\": \"\u8457\u4f5c\u6a29\u30d5\u30ea\u30fc\",\r\n  \"author_name\": \"Usepip sample\",\r\n  \"author_url\": \"https:\/\/vimeo.com\/user39951058\",\r\n  \"is_plus\": \"0\",\r\n  \"account_type\": \"free\",\r\n  \"html\": \"&lt;iframe src=\\\"https:\/\/player.vimeo.com\/video\/153868821?app_id=122963\\\" width=\\\"640\\\" height=\\\"360\\\" frameborder=\\\"0\\\" allow=\\\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\\\" title=\\\"\u8457\u4f5c\u6a29\u30d5\u30ea\u30fc\\\"&gt;&lt;\/iframe&gt;\",\r\n  \"width\": 640,\r\n  \"height\": 360,\r\n  \"duration\": 72,\r\n  \"description\": \"\",\r\n  \"thumbnail_url\": \"https:\/\/i.vimeocdn.com\/video\/554273402-2eaa3354550c611ed8266f0112421ee75cf085ba477e86684690a1914695d1bf-d_640\",\r\n  \"thumbnail_width\": 640,\r\n  \"thumbnail_height\": 360,\r\n  \"thumbnail_url_with_play_button\": \"https:\/\/i.vimeocdn.com\/filter\/overlay?src0=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F554273402-2eaa3354550c611ed8266f0112421ee75cf085ba477e86684690a1914695d1bf-d_640&amp;src1=http%3A%2F%2Ff.vimeocdn.com%2Fp%2Fimages%2Fcrawler_play.png\",\r\n  \"upload_date\": \"2016-02-02 00:14:48\",\r\n  \"video_id\": 153868821,\r\n  \"uri\": \"\/videos\/153868821\"\r\n}<\/pre>\n<h3>\u305d\u306e\u4ed6<\/h3>\n<p>\u6bce\u56deAPI\u306b\u30ea\u30af\u30a8\u30b9\u30c8\u3059\u308b\u3068\u30da\u30fc\u30b8\u8868\u793a\u901f\u5ea6\u304c\u9045\u304f\u306a\u308a\u305d\u3046\u306a\u305f\u3081\u3001Cookie\u3084localStorage\u306b\u6709\u52b9\u671f\u9650\u4ed8\u304d\u3067\u4fdd\u5b58\u3057\u305f\u65b9\u304c\u826f\u3055\u305d\u3046\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h2>\n<h3>oEmbed API<\/h3>\n<p><a href=\"https:\/\/developer.vimeo.com\/api\/oembed\/videos\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.vimeo.com\/api\/oembed\/videos<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>vimeo\u306e\u52d5\u753bURL(https:\/\/vimeo.com\/xxxxx)\u304b\u3089\u30b5\u30e0 ... <\/p>\n","protected":false},"author":1,"featured_media":1067,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[105],"class_list":["post-6889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-movie"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=6889"}],"version-history":[{"count":4,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6889\/revisions"}],"predecessor-version":[{"id":6893,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/6889\/revisions\/6893"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1067"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=6889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=6889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=6889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}