Nhúng một video có tỷ lệ khung hình 16:9 vào Blogger, Facebook

 Khi bạn muốn nhúng một video có tỷ lệ khung hình 16:9 vào Blogger, bạn cần giữ đúng tỷ lệ để video không bị méo hình.

1. Cách tính chiều ngang và chiều dọc theo tỷ lệ 16:9:

Tỷ lệ 16:9 nghĩa là:

• Chiều ngang / Chiều dọc = 16 / 9

• Vì vậy, bạn chỉ cần chọn một giá trị cho chiều ngang, rồi tính chiều dọc như sau:

Chiều dọc = Chiều ngang × 9 / 16

2. Một số kích thước chuẩn 16:9 phổ biến (bạn có thể dùng khi nhúng video):

Chiều ngang (width)	Chiều dọc (height)	Ghi chú
1280	720	HD
854	480	SD
640	360	Nhẹ, phổ biến trên blog
560	315	Nhẹ, phổ biến trên blog
480	270	Nhẹ hơn

3. Ví dụ thẻ nhúng (iframe) vào Blogger với tỷ lệ 16:9:

html
<iframe width="640" height="360" 
    src="https://www.youtube.com/embed/VIDEO_ID" 
    frameborder="0" allowfullscreen>
</iframe>

Thay VIDEO_ID bằng ID thật của video YouTube.

---

Nếu bạn cần nhúng video với kích thước tùy chỉnh khác (ví dụ: bề ngang 100% khung blog) 

Tuyệt vời! Để nhúng video vào Blogger với bề ngang 100% và vẫn giữ đúng tỷ lệ 16:9, bạn nên dùng kiểu iframe responsive bằng HTML và CSS như sau:

---

✅ Cách nhúng video YouTube dạng responsive (co giãn theo khung)

🔧 1. Chèn đoạn mã sau vào Blogger (trong HTML):

html
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;">
  <iframe src="https://www.youtube.com/embed/VIDEO_ID"
          style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
          frameborder="0"
          allowfullscreen>
  </iframe>
</div>

🧮 Giải thích:

• padding-bottom: 56.25% là cách để giữ đúng tỷ lệ 16:9, vì 9 / 16 = 0.5625 → 56.25%.

• width: 100% giúp video co giãn theo chiều ngang của khung chứa (tức là full chiều ngang bài viết/blog).

• height: 100% đảm bảo video tự điều chỉnh chiều cao tương ứng.

---

✏️ Thay thế VIDEO_ID

Bạn hãy thay "VIDEO_ID" bằng mã của video YouTube. Ví dụ:

📌 Link YouTube:

arduino
https://www.youtube.com/watch?v=dQw4w9WgXcQ

👉 VIDEO_ID là:

nginx
dQw4w9WgXcQ

---

Nếu bạn đang dùng trình soạn thảo Blogger mới, hãy chuyển sang chế độ HTML khi dán mã.

---

Ví dụ ngắn:

Nền tảng	Tỷ lệ khung hình phù hợp	Gợi ý thêm
YouTube	16:9 (ngang)	1920x1080, dài > 1 phút
YouTube Shorts	9:16 (dọc)	1080x1920, < 60 giây, nội dung bắt mắt
TikTok	9:16 (dọc)	Ưu tiên hiệu ứng, subtitle, nhanh gọn
Instagram Feed	1:1 hoặc 4:5	1080x1350, dễ thu hút nếu dọc nhẹ
Instagram Reels	9:16	Giống TikTok
Facebook	4:5 hoặc 1:1	Ưu tiên dễ đọc caption, có phụ đề