GitHubのREADME.mdに動画を埋め込むには?

GitHub の README.md に Flash ビデオ を埋め込むことは可能ですか?表示されないのですが、<https://github.com/mattdipasquale/PicSciP&gt

VonC's answer](https://stackoverflow.com/a/4279746/1092815) にあるように、readme の代わりに GitHub Pages で作成したプロジェクトサイトに動画を配置することを強くお勧めします。しかし、私が必要としたような迅速な修正が必要な場合、ここにいくつかの提案があります。

Use a gif

aloisdg's answer](https://stackoverflow.com/a/29842302/1092815) を見てください、結果は素晴らしいです、gifはgithub's readmeでレンダリングされます ;)

Use a video player picture

画像を使って、ユーザーに動画がreadmeページにあると思わせることができます。広告のトリックのようで、完璧ではありませんが、うまくいきますし、面白いです(笑)。

[![Watch the video](https://i.imgur.com/vKb2F1B.png)](https://youtu.be/vt5fpE0bzSY)

結果

![動画を見る]](https://youtu.be/vt5fpE0bzSY)

youtubeのプレビュー画像を使ってください。

youtubeが生成した動画用の画像を使用することもできます。

youtubeのURLの形式について。

https://www.youtube.com/watch?v=<amp-video ID>
https://youtu.be/<amp-video URL>

プレビュー用URL](https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api)は、以下のような形式です

https://img.youtube.com/vi/<amp-video ID>/maxresdefault.jpg
https://img.youtube.com/vi/<amp-video ID>/hqdefault.jpg

[![Watch the video](https://img.youtube.com/vi/T-D1KVIuvjA/maxresdefault.jpg)](https://youtu.be/T-D1KVIuvjA)

結果

![動画を見る]](https://youtu.be/T-D1KVIuvjA)

asciinemaを使う

もしあなたのユースケースがターミナルで動作するものであれば、asciinema はターミナルセッションを録画し、マークダウン埋め込みを行うことができます。

共有ボタンを押し、マークダウンのスニペットをコピーしてください。

例:

[![asciicast](https://asciinema.org/a/113463.png)](https://asciinema.org/a/113463)

結果

解説 (1)
ソリューション

Github Flavored Markdown]1" は、どのページに対してもこのような機能をサポートしていません。

古いサポートスレッド "Embed YouTube videos in markdown files" にはこう書かれています。

pages.github.ioでは可能ですが、それ以外では不可能です。

(注意: "Github Top-Level Project Page" で詳しく説明していますが、2013年4月から github.iouser and organization pages の新しいドメインとなりました。
ページGitHubの公開はこちら]4)。

これは、シンタックスハイライトがそうであったように、機能要求となりえます。

例えば、"HTML5 video in markdown" (2010年8月)のようなものです。

HTML5ビデオを README.markdown ファイルに実装する方法はありますか?

今のところありませんが、将来的にはREADMEでできることを拡張していくかもしれません。

今のところ、GitHub PagesやWikiで実現可能です。


Benjamin Oakes がコメントで確認しています (2012年5月)。

サポートリクエストを送りました。動画の埋め込みはサポートされていないとの回答でした。

解説 (16)

Alexandre JasminGab Le Rouxを組み合わせて、次のように答えます。

[![Demo CountPages alpha](https://share.gifyoutube.com/KzB6Gb.gif)](https://www.youtube.com/watch?v=ek1j272iAmc)

デモ:

[。](https://www.youtube.com/watch?v = ek1j272iAmc)。

このデモはgithubで見ることができます。

ここではgifyoutubeを使用しましたが、ローカルのgifコンバーターを使用することをお勧めします(ffmpegなど、[方法を参照](https://superuser.com/questions/436056/how -can-i-get-ffmpeg-to-convert-a-mov-to-a-gif).

画面を直接gifに録音するには、ScreenToGifを確認することをお勧めします。

解説 (4)

簡単なアニメーションであれば、アニメーションGIFを使用することができます。例えば、私は このREADMEファイルの中で、1つのアニメーションを使用しています。

解説 (3)

これは古い投稿ですが、私は答えを探していましたが、これを見つけました:https://gifs.com。 ビデオをアップロードするだけで、githubマークダウンに簡単に追加できるgifが作成されます。 試してみましたが、gifの品質は良いです。

解説 (0)

@GabLeRouxの回答を拡張するだけです。

[](https://youtu.be/<amp-video ID>)

このようにして、GithubレポのREADME.mdファイルでサムネイル画像のサイズを調整できます。

解説 (0)