ฉันค่อนข้างใหม่สำหรับมาร์กอัป (แม้ว่าจะเป็นเรื่องง่ายมากที่จะรับ) ฉันกำลังทำงานกับแพ็คเกจและพยายามทำให้หน้า wiki ดูดีเป็นคู่มือช่วยเหลือ ฉันสามารถแทรกลิงค์วิดีโอ YouTube ลงในหน้า wiki ได้อย่างง่ายดาย แต่ฉันจะฝังวิดีโอ YouTube ได้อย่างไร ฉันรู้ว่าสิ่งนี้อาจเป็นไปไม่ได้

ฉันอ่านแล้วคุณสามารถใช้แท็ก HTML ได้ดังนั้นฉันจึงลองฝังด้วย HTML ต่อลิงก์นี้ดังนี้:

<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>

และบันทึกหน้า แต่ไม่มีอะไรเกิดขึ้น

1. เป็นไปได้หรือไม่ที่จะฝังวิดีโอ YouTube บนหน้าวิกิ GitHub?
2. ถ้าเป็นเช่นนั้นได้อย่างไร

ไม่สามารถฝังวิดีโอโดยตรง แต่คุณสามารถใส่ภาพที่เชื่อมโยงไปยังวิดีโอ YouTube:

[![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)

สำหรับข้อมูลเพิ่มเติมดูได้ที่Markdown cheatsheetบน GitHub

ตัวอย่างที่สมบูรณ์

การขยายคำตอบของ@MGA

แม้ว่าจะเป็นไปไม่ได้ที่จะฝังวิดีโอใน Markdown คุณสามารถ "ปลอม" โดยรวมภาพที่เชื่อมโยงที่ถูกต้องในไฟล์มาร์กอัปของคุณโดยใช้รูปแบบนี้:

[![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

หากตัวอย่างข้อมูลมาร์กอัพนี้ดูซับซ้อนให้แบ่งออกเป็นสองส่วน:

รูปภาพ
![image alt text](https://example.com/link-to-image)
ห่อในลิงค์
[link text](https://example.com/my-link "link title")

ตัวอย่างการใช้ Markdown ที่ถูกต้องและรูปขนาดย่อของ YouTube:

เรากำลังจัดหารูปภาพขนาดย่อโดยตรงจาก YouTube และเชื่อมโยงไปยังวิดีโอจริงดังนั้นเมื่อบุคคลคลิกที่ภาพ / ภาพขนาดย่อพวกเขาจะถูกนำไปที่วิดีโอ

รหัส:

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

หรือถ้าคุณต้องการให้คิวผู้อ่านเห็นว่าภาพ / ภาพย่อนั้นเป็นวิดีโอที่เล่นได้ให้นำภาพหน้าจอของวิดีโอของคุณเองใน YouTube มาใช้เป็นภาพย่อแทน

ตัวอย่างการใช้สกรีนช็อตพร้อมด้วย Video Controls เป็น Visual Cue:

รหัส:

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

 ข้อดีที่ชัดเจน

ขณะนี้ต้องใช้ขั้นตอนเพิ่มเติมสองขั้นตอน ( a ) การจับภาพหน้าจอของวิดีโอและ ( b ) อัปโหลดเพื่อให้คุณสามารถใช้รูปภาพเป็นภาพขนาดย่อของคุณมีข้อดีที่ชัดเจน 3 ประการ :

1. คนที่อ่าน markdown ของคุณ (หรือหน้า html ที่ได้รับ) มีคิวบอกให้พวกเขาเห็นว่าพวกเขาสามารถรับชมวิดีโอได้ ( ตัวควบคุมวิดีโอแนะนำให้คลิก )
2. คุณสามารถเลือกเฟรมเฉพาะในวิดีโอเพื่อใช้เป็นภาพขนาดย่อ (ทำให้เนื้อหาของคุณน่าสนใจยิ่งขึ้น )
3. คุณสามารถลิงก์ไปยังเวลาที่กำหนดในวิดีโอที่การเล่นจะเริ่มเมื่อมีการคลิกที่ลิงค์ภาพ (ในกรณีของเราจาก 35 วินาที)

การถ่ายและอัพโหลดภาพหน้าจอใช้เวลาสองสามวินาที แต่มีผลตอบแทนมหาศาล

ทำงานได้ทุกที่!

เนื่องจากนี่คือมาร์คดาวน์มาตรฐานจึงใช้งานได้ทุกที่ ลองใช้กับ GitHub, Reddit, Ghost และที่นี่ใน Stack Overflow

Vimeo

วิธีการนี้ใช้ได้กับวิดีโอ Vimeo ด้วย

ตัวอย่าง

รหัส

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

หมายเหตุ:

• วิธีถ่ายภาพหน้าจอ: http://www.take-a-scurrency.org/ (ทุกแพลตฟอร์ม)
• อัปโหลดภาพย่อ: เมื่อคุณจับภาพหน้าจอคุณสามารถลากและวางลงในimgur.comเพื่ออัปโหลดและใช้เป็นภาพย่อของคุณได้ทันที
• ข้อมูลภาพขนาดย่อของ YouTube: ฉันจะรับภาพขนาดย่อของวิดีโอ YouTube จาก YouTube API ได้อย่างไร

Markdown ไม่สนับสนุนการฝังวิดีโอเป็นทางการแต่คุณสามารถฝัง HTML แบบดิบลงไปได้ ฉันทดสอบกับGitHub Pagesและมันทำงานได้อย่างไร้ที่ติ

1. ไปที่หน้าวิดีโอบน YouTube และคลิกที่ปุ่มแชร์
2. เลือกฝัง
3. คัดลอกและวางส่วน HTML ใน markdown ของคุณ

ตัวอย่างมีลักษณะดังนี้:

    <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>

PS: คุณสามารถตรวจสอบตัวอย่างสดที่นี่

หากคุณชอบแท็ก HTML มากกว่า markdown + การจัดตำแหน่งกึ่งกลาง:

<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>

จัดกึ่งกลางวิดีโอด้วยภาพย่อและลิงก์:

<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>

ผลลัพธ์:

ฉันสร้างhttps://yt-embed.herokuapp.com/เพื่อให้ง่ายขึ้น การใช้งานโดยตรงจากตัวอย่างข้างต้น:

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

จะส่งผลให้:

เพียงแค่โทรไปที่: https://yt-embed.herokuapp.com/embed?v=[video_id]เป็นภาพแทนของhttps://img.youtube.com/vi/

• เราสามารถใช้รหัส html ใน Markdown
• ตรวจสอบเอกสารอย่างเป็นทางการที่ฝังวิดีโอหรือเพลย์ลิสต์จาก support.google.com/youtube

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

ตรวจสอบเคล็ดลับเทคนิคเพิ่มเติมเกี่ยวกับ youtube