Biçimlendirmede oldukça yeniyim (toplaması son derece kolay olsa da). Bir paket üzerinde çalışıyorum ve wiki sayfalarının bir yardım kılavuzu olarak güzel görünmesini sağlamaya çalışıyorum. Wiki sayfasına kolayca bir YouTube video bağlantısı ekleyebilirim, ancak bir YouTube videosunu nasıl eklerim. Bunun mümkün olmayabileceğini biliyorum.

Aşağıdaki gibi bu bağlantı başına HTML ile katıştırmayı denedim böylece HTML etiketleri kullanabilirsiniz okudum :

<object width="425" height="350">
  <param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
  <param name="wmode" value="transparent" />
  <embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
         type="application/x-shockwave-flash"
         wmode="transparent" width="425" height="350" />
</object>

Ve sayfayı kaydetti ama hiçbir şey olmadı.

1. GitHub wiki sayfalarına bir YouTube videosu gömmek mümkün mü?
2. Öyleyse nasıl?

Videoları doğrudan yerleştirmek mümkün değildir, ancak bir YouTube videosuna bağlantı veren bir resim koyabilirsiniz:

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

Daha fazla bilgi için GitHub'daki Markdown hile sayfasına bakın .

Komple Örnek

Üzerine Genişleyen @MGA bireyin Yanıt

Markdown'a bir video gömmek mümkün olmasa da , bu biçimi kullanarak biçimlendirme dosyanıza geçerli bir bağlantılı resim ekleyerek "taklit edebilirsiniz":

[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")

Markdown açıklaması

Bu işaret snippet'i karmaşık görünüyorsa, iki parçaya ayırın:

bir
![image alt text](https://example.com/link-to-image)
bağlantıya sarılmış resim
[link text](https://example.com/my-link "link title")

Geçerli İşaretleme ve YouTube Küçük Resmi kullanan örnek:

Küçük resim görüntüsünü doğrudan YouTube'dan alıyoruz ve gerçek videoya bağlantı veriyoruz, böylece kişi resmi / küçük resmi tıkladığında videoya yönlendirilir.

Kod:

[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

VEYA Okuyuculara, resmin / küçük resmin aslında oynatılabilir bir videoolduğuna dair görsel bir ipucu vermek istiyorsanız, YouTube'daki videonun kendi ekran görüntüsünü alın ve bunun yerine küçük resim olarak kullanın.

Visual Cue olarak Video Denetimleri ile Ekran Görüntüsü kullanma örneği:

Kod:

[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")

 Açık Avantajlar

Bu, ( a ) videonun ekran görüntüsünü almak ve ( b ) yüklemek için birkaç ek adım gerektirse de, görüntüyü küçük resminiz olarak kullanabilmeniz için 3 belirgin avantajı vardır :

1. İşaretlemenizi okuyan kişinin (veya ortaya çıkan html sayfasının) videoyu izleyebileceklerini belirten görsel bir ipucu vardır ( video kontrolleri tıklamayı teşvik eder )
2. Videoda küçük resim olarak kullanmak için belirli bir çerçeve seçebilirsiniz (böylece içeriğinizi daha ilgi çekici hale getirir )
3. Videoda, bağlantılı resim tıklandığında oynatmanın başlayacağı belirli bir zamana bağlantı kurabilirsiniz . (bizim durumumuzda 35 saniye)

Ekran görüntüsü almak ve yüklemek birkaç saniye sürer, ancak büyük bir getirisi vardır.

Her Yerde Çalışır!

Bu standart işaretleme olduğundan, her yerde çalışır. GitHub, Reddit, Ghost ve burada Stack Overflow'da deneyin.

Vimeo

Bu yaklaşım Vimeo videoları ile de çalışır

Misal

kod

[![Little red riding hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

Notlar:

• Ekran görüntüsü nasıl alınır: http://www.take-a-screenshot.org/ (tüm platformlar)
• Küçük Resim Yükle Resim: Ekran görüntünüzü aldıktan sonra, yüklemek ve hemen küçük resminiz olarak kullanmak için imgur.com'a sürükleyip bırakabilirsiniz .
• YouTube küçük resim bilgisi: YouTube API'sından bir YouTube video küçük resmini nasıl alabilirim?

Markdown, video düğünlerini resmi olarak desteklemiyor ancak içine ham HTML yerleştirebilirsiniz. GitHub Pages ile test yaptım ve kusursuz çalışıyor.

1. YouTube'daki Video sayfasına gidin ve Paylaş Düğmesini tıklayın
2. Yerleştir'i seçin
3. HTML snippet'ini kopyalayıp Markdown'a yapıştırın

Parçacık şuna benzer:

    <iframe width="560" height="315"
src="https://www.youtube.com/embed/MUQfKFzIOeU" 
frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

Not: Canlı önizlemeyi buradan kontrol edebilirsiniz

HTML etiketlerini markdown + center alignment'tan daha çok seviyorsanız:

<div align="center">
  <a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"><img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"></a>
</div>

Videoyu Küçük Resim ve Bağlantı ile ortalayın:

<div align="center">
      <a href="https://www.youtube.com/watch?v=StTqXEQ2l-Y">
     <img 
      src="https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg" 
      alt="Everything Is AWESOME" 
      style="width:100%;">
      </a>
    </div>

Sonuç:

Bunu basitleştirmek için https://yt-embed.herokuapp.com/ adresini oluşturdum . Yukarıdaki örneklerden kullanım doğrudandır:

[![Everything Is AWESOME](https://yt-embed.herokuapp.com/embed?v=StTqXEQ2l-Y)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

Sonuçlanacak:

: Sadece bir çağrı yapmak https://yt-embed.herokuapp.com/embed?v=[video_id] yerine görüntü olarak https://img.youtube.com/vi/ .

• Markdown'da html kodunu kullanabiliriz.
• Support.google.com/youtube adresinden Video veya oynatma listesi yerleştirme'deki resmi dokümanı kontrol edin

<iframe width="560" height="315"
src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Youtube hakkında daha fazla ipucu, püf noktalarını kontrol edin