GitHub README.mdにビデオを埋め込むにはどうすればいいですか? 質問する

GitHub README.mdにビデオを埋め込むにはどうすればいいですか? 質問する

GitHub の README.md にフラッシュ ビデオを埋め込むことは可能ですか? 表示されません:https://github.com/mattdipasquale/PicSciP

ベストアンサー1

ReadMe にビデオ ファイルへの URL を追加します。

Github は現在ビデオをサポートしています。詳細な回答はこちらをご覧ください:https://stackoverflow.com/a/4279746/1092815

ここでライブ例を見ることができます (readme の最後を参照してください)。
https://github.com/alelievr/Mixture/blob/0.4.0/README.md

Githubページ

動画をプロジェクトウェブサイトに掲載することを強くお勧めします。GitHub ページREADMEの代わりに、VonCの回答; これは、これらのアイデアのどれよりもはるかに優れています。ただし、私と同じように迅速な解決策が必要な場合は、ここにいくつかの提案があります。

GIFを使用する

見るaloisdg の回答結果は素晴らしいです。GIF は github の readme でレンダリングされます ;)

ビデオプレーヤーの画像を使用する

画像を使って、ビデオが Readme ページにあるとユーザーを騙すことができます。広告トリックのように聞こえますし、完璧ではありませんが、効果があり、面白いです ;)。

例:

[![Watch the video](https://i.sstatic.net/Vp2cE.png)](https://youtu.be/vt5fpE0bzSY)

結果:

ビデオを見る

YouTubeのプレビュー画像を使用する

YouTube で生成された画像をビデオに使用することもできます。

次の形式の YouTube URL の場合:

https://www.youtube.com/watch?v=<VIDEO ID>
https://youtu.be/<VIDEO ID>

プレビュー URL形式は次のとおりです。

https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg
https://img.youtube.com/vi/<VIDEO ID>/hqdefault.jpg

例:

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

結果:

ビデオを見る

asciinemaを使用する

使用例がターミナルで実行されるものであれば、アシネマターミナルセッションを記録し、優れたマークダウン埋め込みが可能です。

共有ボタンを押して、マークダウン スニペットをコピーします。

例:

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

結果:

アスキカスト

おすすめ記事