‍ Github Readme 파일에 임베디드 비디오를 추가하는 방법

Github Readme 파일에 임베디드 비디오를 추가하는 방법

원천

안녕하세요 여러분 🖐. 이 문서에서는 포함된 비디오를 readme 파일에 쉽게 추가하는 방법을 보여 드리고자 합니다.

아래와 같이 readme 파일에 비디오를 추가한 경우

옵션 1

[![Now in Android: 55] // Title
(https://i.ytimg.com/vi/Hc79sDi3f0U/maxresdefault.jpg)] // Thumbnail
(https://www.youtube.com/watch?v=Hc79sDi3f0U "Now in Android: 55") // Video Link

옵션 2

[<img src="https://i.ytimg.com/vi/Hc79sDi3f0U/maxresdefault.jpg" width="50%">](https://www.youtube.com/watch?v=Hc79sDi3f0U "Now in Android: 55")

아래와 같은 보기가 표시됩니다. 사용자가 readme 파일에 있는 썸네일을 클릭하면 사용자는 다른 웹사이트로 이동합니다.



실제로 이것은 비디오 사용자가 비디오를 보기 위해 다른 웹사이트로 이동해야 하기 때문에 포함된 비디오가 아니며 물론 사용자의 초점을 잃지 않기 위해 이것을 원하지 않습니다.

그렇다면 임베디드 비디오를 어떻게 추가해야 할까요? Dou 당신은 마법의 세계에 대한 준비가??

Just “ Drag & Drop ” 😄

이러한 방식으로 비디오를 보기 위해 다른 웹 사이트로 이동하지 않기 때문에 사용자의 초점을 잃지 않고 쉽게 추가 정보 파일에 포함된 비디오를 추가할 수 있습니다. 그리고 이 비디오 보기는 접고 펼칠 수 있습니다. 또한 사용자는 비디오 볼륨을 변경하고 비디오를 전체 화면으로 볼 수 있습니다.

이 방법으로 이미지를 추가할 수도 있습니다.

maximum file size은 이미지 및 gif의 경우 10MB입니다. 무료 GitHub 플랜의 비디오용 10MB. 유료 GitHub 플랜의 비디오는 100MB입니다.

마지막으로, 리포지토리에 대한 readme 파일을 준비할 때 Intellij IDE와 함께Markdown plugin 대신 GitHub 웹 사이트(gif에 표시된 것과 같은)를 사용하는 것이 좋습니다. 때때로 제대로 작동하지 않고 비디오에 대해 드래그 앤 드롭과 같은 기능이 지원되지 않기 때문입니다(플러그인은 이미지에 대해 드래그 앤 드롭을 지원합니다). 이 기능은 Github 웹 사이트에서 제공합니다. 그래서 동일한 readme 파일의 결과가 Intellij IDE와 Github 웹사이트에서 다를 수 있습니다. 플러그인을 사용하여 시간을 낭비했습니다.

결론

Github에서 제공하는 Drag & Drop 기능을 사용하여 readme 파일에 실제 임베디드 비디오를 쉽게 추가하는 방법을 배웠습니다. 기사가 마음에 들면 기사에 박수를 치고 공유하십시오. 다음 기사에서 뵙겠습니다. 계속 지켜봐 주세요.

참조

Video uploads now generally available | GitHub Changelog

Attaching files - GitHub Docs