Tôi còn khá mới mẻ với việc đánh dấu (mặc dù nó cực kỳ dễ lấy). Tôi đang làm việc trên một gói và đang cố gắng để làm cho các trang wiki trông đẹp như một hướng dẫn trợ giúp. Tôi có thể chèn liên kết video YouTube vào trang wiki khá dễ dàng nhưng làm cách nào để nhúng video YouTube. Tôi biết điều này có thể không thể.

Tôi đã đọc bạn có thể sử dụng các thẻ HTML vì vậy tôi đã thử nhúng HTML theo liên kết này như sau:

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

Và lưu trang nhưng không có gì xảy ra.

1. Có thể nhúng video YouTube trên các trang wiki GitHub không?
2. Nếu vậy thì thế nào?

Không thể nhúng video trực tiếp, nhưng bạn có thể đặt hình ảnh liên kết với video 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)

Để biết thêm thông tin, hãy xem chiếc áo choàng Markdown này trên GitHub.

Ví dụ hoàn chỉnh

Mở rộng trên Câu trả lời của @MGA

Mặc dù không thể nhúng video vào Markdown, bạn có thể "giả mạo" bằng cách đưa hình ảnh được liên kết hợp lệ vào tệp đánh dấu của mình, sử dụng định dạng này:

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

Giải thích về Markdown

Nếu đoạn đánh dấu này có vẻ phức tạp, hãy chia nó thành hai phần:

một hình ảnh
![image alt text](https://example.com/link-to-image)
được bọc trong một liên kết
[link text](https://example.com/my-link "link title")

Ví dụ sử dụng Markdown hợp lệ và hình thu nhỏ của YouTube:

Chúng tôi đang tìm nguồn cung cấp hình ảnh thu nhỏ trực tiếp từ YouTube và liên kết với video thực tế, vì vậy khi người đó nhấp vào hình ảnh / hình thu nhỏ, họ sẽ được đưa đến video.

Mã số:

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

HOẶC Nếu bạn muốn cung cấp cho người đọc một gợi ý trực quan rằng hình ảnh / hình thu nhỏ thực sự có thể phát được video , hãy chụp ảnh màn hình của riêng bạn trong YouTube và sử dụng làm hình thu nhỏ thay thế.

Ví dụ sử dụng Ảnh chụp màn hình với Điều khiển video dưới dạng Visual Cue:

Mã số:

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

 Thông thoáng lợi thế

Mặc dù điều này đòi hỏi một vài bước bổ sung ( a ) chụp ảnh màn hình của video và ( b ) tải lên để bạn có thể sử dụng hình ảnh làm hình thu nhỏ của mình nhưng nó có 3 lợi thế rõ ràng :

1. Người đang đọc đánh dấu của bạn (hoặc trang html kết quả) có một dấu hiệu trực quan cho họ biết họ có thể xem video ( điều khiển video khuyến khích nhấp vào )
2. Bạn có thể chọn một khung cụ thể trong video để sử dụng làm hình thu nhỏ (do đó làm cho nội dung của bạn hấp dẫn hơn )
3. Bạn có thể liên kết đến một thời điểm cụ thể trong video mà từ đó phát sẽ bắt đầu khi hình ảnh được liên kết được nhấp. (trong trường hợp của chúng tôi từ 35 giây)

Chụp và tải lên ảnh chụp màn hình mất vài giây nhưng có một khoản tiền lớn.

Hoạt động ở mọi nơi!

Vì đây là markdown tiêu chuẩn, nó hoạt động ở mọi nơi. hãy thử nó trên GitHub, Reddit, Ghost và ở đây trên Stack Overflow.

Vimeo

Cách tiếp cận này cũng hoạt động với video Vimeo

Thí dụ

Mã

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

Ghi chú:

• Cách chụp ảnh màn hình: http : //www.take-a-sc Muff.org / (tất cả các nền tảng)
• Tải lên hình ảnh thu nhỏ: Khi bạn đã chụp ảnh màn hình của mình, bạn có thể kéo và thả nó vào imgur.com để tải lên và ngay lập tức sử dụng nó làm hình thu nhỏ của bạn
• Thông tin hình thu nhỏ của YouTube: Làm cách nào để có hình thu nhỏ video YouTube từ API YouTube?

Markdown không chính thức hỗ trợ nhúng video nhưng bạn có thể nhúng HTML thô trong đó. Tôi đã thử nghiệm với GitHub Pages và nó hoạt động hoàn hảo.

1. Chuyển đến trang Video trên YouTube và nhấp vào nút Chia sẻ
2. Chọn nhúng
3. Sao chép và Dán đoạn mã HTML trong phần đánh dấu của bạn

Đoạn mã trông như:

    <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: Bạn có thể xem bản xem trước trực tiếp tại đây

Nếu bạn thích thẻ HTML nhiều hơn markdown + căn giữa:

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

Trung tâm căn chỉnh Video với hình thu nhỏ và liên kết:

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

Kết quả:

Tôi đã tạo https://yt-embed.herokuapp.com/ để đơn giản hóa việc này. Việc sử dụng là trực tiếp, từ các ví dụ trên:

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

Sẽ cho kết quả:

Chỉ cần thực hiện cuộc gọi đến: https://yt-embed.herokuapp.com/embed?v=[video_id] dưới dạng hình ảnh thay vì https://img.youtube.com/vi/ .

• Chúng tôi có thể sử dụng mã html trong Markdown.
• Kiểm tra tài liệu chính thức tại Nhúng video hoặc danh sách phát từ 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>

Kiểm tra thêm mẹo, thủ thuật về youtube