web-dev-qa-db-ja.com

ビデオをGitHub README.mdに埋め込む方法は?

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

189
ma11hew28

Github Flavored Markdown 」は、どのページでもこの種類の機能をサポートしていません。

古いサポートスレッド「YouTubeの動画をマークダウンファイルに埋め込む」は次のように述べています。

pages.github.ioで、はい、他のどこでも、いいえ。

(注:「 Githubトップレベルプロジェクトページ 」で詳しく説明されているように、github.ioは- ユーザーおよび組織ページ 2013年4月以降。
GitHubの出版物のページはこちら

これは、構文の強調表示のような機能要求である可能性があります。

例えば: " markdownのHTML5ビデオ "(2010年8月):

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

現在ではありませんが、将来READMEでできることを拡張する可能性があります。

それまでは、GitHubページとWikiでこれを行うことができます。


ベンジャミンオークス コメントで確認(2012年5月):

サポートリクエストを送信しました。応答は、ビデオの埋め込みがサポートされていないというものでした。

105
VonC

VonCの答え で説明されているように、readmeではなく GitHub Pages で作成されたプロジェクトWebサイトにビデオを配置することを強くお勧めします。これらのアイデアのどれよりもずっと良いでしょう。ただし、必要なだけの簡単な修正が必要な場合は、いくつかの提案があります。

Gifを使用する

aloisdgの答え を参照してください、結果は素晴らしいです、gifはgithubのreadmeでレンダリングされます;)

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

ユーザーがだまされて、ビデオがreadmeページに写真付きであると考える可能性があります。それは広告のトリックのように聞こえますが、完璧ではありませんが、動作し、面白いです;)。

例:

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

結果:

Watch the video

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

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

次の形式のYouTube URLの場合:

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

プレビュー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)

結果:

Watch the video

アスキーネマを使用する

ユースケースがターミナルで実行されるものである場合、 asciinema を使用すると、ターミナルセッションを記録でき、ニースマークダウンを埋め込むことができます。

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

例:

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

結果:

asciicast

217
GabLeRoux

Alexandre JasminGab Le Roux のような回答を組み合わせます:

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

デモ:

Demo CountPages alpha

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

ここでは gifyoutube を使用しましたが、オンラインではなくローカルgifコンバーター(ffmpeg、 howを参照 など)を使用することをお勧めします。

画面を直接gifに記録するには、 ScreenToGif を確認します。

85
aloisdg

単純なアニメーションには、アニメーションgifを使用できます。たとえば、1つ このREADMEファイル を使用しています。

24
Alex Jasmin

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

2
Proustibat

@GabLeRouxの答えを拡張するだけです:

[<img src="https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg" width="50%">](https://youtu.be/<VIDEO ID>)

これにより、GithubリポジトリのREADME.mdファイルでサムネイル画像のサイズを調整できます。

0
B.Kocis