Comment intégrer une vidéo dans GitHub README.md?
Est-il possible d'intégrer une vidéo flash dans README.md sur GitHub? Il ne s'affiche pas: https://github.com/mattdipasquale/PicSciP
" Github Flavored Markdown " ne prend en charge ce type de fonctionnalité pour aucune page:
Un ancien fil de discussion "Intégrer des vidéos YouTube dans des fichiers de démarquage" indiquait:
Avec
pages.github.io, oui, partout ailleurs, non.
(Remarque: comme indiqué dans " Page du projet de niveau supérieur Github ", github.io est le nouveau domaine pour - pages utilisateur et organisation depuis avril 2013.
The la publication de la page GitHub est présentée ici )
Cela pourrait être une demande de fonctionnalité comme la coloration syntaxique.
Par exemple: " vidéo HTML5 dans le démarquage " (août 2010):
Est-il possible d'implémenter une vidéo HTML5 dans le fichier
README.markdown?Pas actuellement, mais nous pourrions développer ce que vous pouvez faire avec les fichiers README à l’avenir.
En attendant, vous pouvez le faire avec GitHub Pages et nos wikis.
Benjamin Oakes confirme dans les commentaires (mai 2012):
J'ai envoyé une demande de support. La réponse a été que l'intégration de vidéos n'est pas prise en charge.
Je recommande fortement de placer la vidéo sur un site Web du projet créé avec Pages GitHub au lieu du fichier Lisez-moi, comme décrit dans réponse de VonC ; ce sera beaucoup mieux que n'importe laquelle de ces idées. Mais si vous avez besoin d’une solution rapide, tout comme moi, voici quelques suggestions.
Utilisez un gif
Voir réponse de aloisdg , le résultat est impressionnant, les gifs sont rendus sur le fichier readme de github;)
Utiliser une image de lecteur vidéo
Vous pourriez faire croire à l'utilisateur que la vidéo se trouve sur la page Lisez-moi avec une image. Cela ressemble à un tour de pub, ce n’est pas parfait, mais ça marche et c’est drôle;).
Exemple:
[](https://youtu.be/vt5fpE0bzSY)
Résultat:
Utilisez la prévisualisation de youtube
Vous pouvez également utiliser l'image générée par YouTube pour votre vidéo.
Pour les URL youtube sous la forme de:
https://www.youtube.com/watch?v=<VIDEO ID>
https://youtu.be/<VIDEO URL>
Les RL de prévisualisation se présentent sous la forme de:
https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg
https://img.youtube.com/vi/<VIDEO ID>/hqdefault.jpg
Exemple:
[](https://youtu.be/T-D1KVIuvjA)
Résultat:
Utilisez asciinema
Si votre cas d'utilisation est quelque chose qui s'exécute dans un terminal, asciinema vous permet d'enregistrer une session de terminal et comporte l'incorporation de Nice markdown.
Appuyez sur le bouton Partager et copiez le fragment de réduction.
Exemple:
[](https://asciinema.org/a/113463)
Résultat:
Je combine les réponses Alexandre Jasmin et Gab Le Roux comme ceci:
[](https://www.youtube.com/watch?v=ek1j272iAmc)
Démo:
Vous pouvez voir cette démo sur github .
J'ai utilisé gifyoutube ici, mais je recommande d'utiliser un convertisseur de gif local (comme ffmpeg, voir comment ) au lieu d'un convertisseur en ligne.
Pour enregistrer votre écran au format gif directement, vous pouvez vérifier ScreenToGif .
Pour les animations simples, vous pouvez utiliser un gif animé. J'en utilise un dans ce fichier README par exemple.
Ceci est un ancien post mais je cherchais une réponse et j'ai trouvé ceci: https://gifs.com . Il suffit de télécharger la vidéo pour créer un gif que nous pouvons ajouter facilement dans un markdown github. Je l'ai essayé, la qualité du gif est bonne.
juste pour prolonger la réponse de @ GabLeRoux:
[<img src="https://img.youtube.com/vi/<VIDEO ID>/maxresdefault.jpg" width="50%">](https://youtu.be/<VIDEO ID>)
de cette façon, vous pourrez ajuster la taille de la vignette dans le fichier README.md sur votre dépôt Github.