TRANG CHỦ
CHUYÊN MỤC
HỌC HỎI
TAG
ABOUT
Tìm kiếm
Nhúng video YouTube vào tệp Markdown
2023-11-09 11:19:07
Github
WebDev
160 lượt xem
0 bình luận
Markdown là một ngôn ngữ đánh dấu, được tạo ra vào năm 2004 bởi John Gruber với sự đóng góp đáng kể từ Aaron Swartz, với mục đích cho phép người sử dụng “dễ viết các định dạng văn bản đơn giản và dễ đọc, tùy chọn chuyển đổi nó thành các mã XHTML hợp lệ (hoặc HTML)”. Lấy cảm hứng từ các văn bản đơn giản trong email như setext, có thể dễ dàng chuyển đổi sang HTML. Và đây là hướng dẫn cách nhúng video YouTube vào tệp Markdown. ### 1- Phong cách đánh dấu ``` [](https://youtu.be/nTQUwghvy5Q) ``` ### 2- Kiểu HTML ``` <a href="http://www.youtube.com/watch?feature=player_embedded&v=nTQUwghvy5Q" target="_blank"> <img src="http://img.youtube.com/vi/nTQUwghvy5Q/mqdefault.jpg" alt="Watch the video" width="240" height="180" border="10" /> </a> ``` ### 3- Nhúng hình thu nhỏ ``` ![alt text][image] [image]: /full/path/to/image/file.jpg "alt_txt" ``` ### 4- Thay đổi kích thước hình thu nhỏ ``` <img src="/full/path/to/image/file.jpg" alt="alt_text" width="200"> ``` ### Bổ sung về định dạng hình thu nhỏ Mỗi video YouTube có 4 hình ảnh được tạo. Hình ảnh đầu tiên trong danh sách là hình ảnh kích thước đầy đủ và những hình ảnh khác là hình ảnh thu nhỏ. Chúng được định dạng có thể dự đoán được như sau: ``` https://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg https://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg https://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg https://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg ``` Hình ảnh thu nhỏ mặc định (tức là một trong các định dạng 1.jpg, 2.jpg, 3.jpg) là: ``` https://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg ``` Ngoài ```default.jpg```, các định dạng hình thu nhỏ sau cũng có sẵn: ``` hqdefault.jpg <- high quality mqdefault.jpg <- medium quality sddefault.jpg <- standard definition maxresdefault.jpg <- maximum resolution ``` Lưu ý: ```sddefault.jpg``` và ```maxresdefault.jpg``` không phải lúc nào cũng có sẵn. Tất cả các url trên cũng có sẵn trên http. Ngoài ra, tên máy chủ ngắn hơn một chút ```i3.ytimg.com``` sẽ thay thế cho ```img.youtube.com``` các url mẫu ở trên.
Tag:
HTML & CSS
Gợi ý bài viết liên quan
Cách thiết lập Flask đọc files Bản đồ MBTiles
Cách thiết lập Django đọc files Bản đồ MBTiles
Nhúng video YouTube vào tệp Markdown