[Qiita] Markdown에서 기사에 Vimeo, TED 동영상을 퍼가기 (embed.ly)

Little red ridning hood

vimeo.md
[![title](サムネイルURL)](動画URL "タイトルなど")

vimeo.md
[![Little red ridning hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

YouTube를 Markdown에 삽입하려면 YouTube 미리보기 이미지를 Markdown에 삽입하기 위한 문자열 변환 페이지 과 같은 도구 (웹 응용 프로그램)가 있습니다.
그 방법은 전회 소개했습니다.
【Qiita, Markdown】기사로 화상을 가로로 늘린다(YouTube나 Twitter의 동영상도 묻는다, gif화상)

Vimeo의 미리보기 이미지를 얻는 도구가있었습니다.
1. Vimeo 썸네일 이미지를 얻는 도구
2. YouTube, TED, Vimeo, Vine 등의 동영상 썸네일을 취득할 수 있는 「embed.ly」

방법 1. Vimeo 썸네일 이미지를 얻는 도구





결과


test.md
[![a](https://i.vimeocdn.com/video/760610737_640.jpg)](https://vimeo.com/318249166 "")

방법 2. YouTube, TED, Vimeo, Vine 등의 동영상 썸네일을 취득할 수 있는 「embed.ly」



이 사이트는 여기 htps : // 에 m베 d. ly/Embed
무료, 계정 생성 불필요

Embedly는 무엇입니까?



Embedly를 사용하면 웹 사이트에 다른 사이트의 동영상, 사진 및 웹 사이트를 포함하여 표시할 수 있습니다.
URL을 입력해 버튼을 누르는 것만으로, 소개하고 싶은 사이트의 썸네일 화상등도 링크와 함께 표시할 수 있다.
블로그 카드.



결과


test2.md
[![a](https://i.vimeocdn.com/video/760610737_1280.jpg)](https://vimeo.com/318249166 "")

결론



둘 다 기능은 동일합니다.

TED




[![a](https://pi.tedcdn.com/r/pe.tedcdn.com/images/ted/3bc820074c58201d79e2473ac97087794783967d_2880x1620.jpg?h=316&w=560)](https://vimeo.com/318249166 "https://www.ted.com/talks/shimpei_takahashi_play_this_word_game_to_come_up_with_original_ideas")


여담



「Vimeo Markdown」의 검색 상위의 화제는, Markdown에서 YouTube의 동영상을 임베드할 때의 썸네일은 Vimeo에 업로드한 썸네일을 패스로서 바꿀 수가 있다.
결국 Markdown에서 동영상을 삽입하는 메커니즘(메커니즘)으로는 Markdown 기법의 '이미지 포함'과 '링크'를 조합한 것입니다.

링크.md
[title](http://...)

이미지 포함 .md
![alt](http://...)

참고
[1] Is it possible to embed Youtube/Vimeo videos in Markdown using a C# Markdown library

좋은 웹페이지 즐겨찾기