Cách dùng Tạo mã nhúng video
- Dán link video — YouTube (watch, youtu.be, Shorts), Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive, Facebook hoặc file .mp4 trực tiếp. Nền tảng, ID và thời gian bắt đầu sẽ được tự động đọc từ link.
- Chọn iframe responsive, hoặc phiên bản lite chỉ tải trình phát khi được nhấn (trang web tải nhanh hơn nhiều).
- Đặt thời gian bắt đầu và kết thúc, bật tự phát (luôn ở chế độ tắt tiếng vì trình duyệt chặn tự phát có âm thanh), lặp lại, thanh điều khiển và phụ đề.
- Sao chép mã vào phần tử Embed (Webflow), khối Custom HTML (WordPress) hoặc trang của bạn. Các tùy chọn mà trình phát của nền tảng không hỗ trợ sẽ tự động bị ẩn.
Các nền tảng được hỗ trợ
YouTube (chế độ tăng cường quyền riêng tư, bắt đầu/kết thúc, phụ đề, chế độ lite), Vimeo (bao gồm link không công khai có mã hash, chế độ do-not-track), Loom, Wistia, Dailymotion, Twitch (video, clip và kênh trực tiếp — Twitch yêu cầu bạn khai báo các tên miền mà bạn nhúng video), Streamable, Google Drive (file được chia sẻ ở chế độ “Bất kỳ ai có link”), video Facebook và file MP4/WebM của riêng bạn với phần tử HTML5 <video>.
Responsive mà không cần mẹo bọc phần tử
Mã sử dụng thuộc tính CSS aspect-ratio, nên video sẽ lấp đầy chiều rộng của vùng chứa và giữ đúng tỷ lệ — không cần kỹ thuật padding-bottom. Video dọc của Shorts dùng tỷ lệ 9:16 và được giới hạn chiều rộng để không bị quá lớn trên máy tính.
Vì sao phiên bản lite nhanh hơn
Khi nhúng YouTube thông thường, trình duyệt tải khoảng 1 MB mã script trước khi ai đó nhấn phát, làm ảnh hưởng đến Largest Contentful Paint và Total Blocking Time. Phiên bản lite chỉ hiện ảnh thu nhỏ và nút phát; trình phát thật sẽ được tải khi nhấn và bắt đầu chạy ngay. Hãy dùng phiên bản này khi một trang có nhiều hơn một video hoặc khi video không phải là thứ đầu tiên người xem nhìn thấy.
| Tùy chọn | Tham số |
|---|---|
| Chế độ tăng cường quyền riêng tư | Tên miền youtube-nocookie.com |
| Bắt đầu / kết thúc | start, end (tính bằng giây) |
| Tự phát | autoplay=1&mute=1 |
| Lặp lại | loop=1&playlist=ID |
| Phụ đề | cc_load_policy=1 |
| Video liên quan | rel=0 (chỉ từ cùng kênh) |
Cũng được tìm dưới tên: mã nhúng youtube, nhúng video vimeo, video nhúng responsive, nhúng loom, nhúng video html, mã nhúng wistia, nhúng twitch, lite youtube embed.
Các công cụ dùng kèm tốt với Tạo mã nhúng video
- Tạo mã nhúng Google Maps — Hiển thị văn phòng, cửa hàng hoặc sự kiện của bạn trên Google Maps mà không cần đăng ký API key.
- Tạo banner cookie — Thêm banner đồng ý cookie vào bất kỳ website nào — Webflow, WordPress, Shopify hay HTML thuần — mà không cần plugin trả phí.
- Kiểm tra tốc độ trang — Chạy Google Lighthouse trên bất kỳ URL nào, cho cả di động lẫn máy tính.
- Trình Tạo Ảnh OG — Tạo ảnh xem trước liên kết đẹp mắt cho Facebook, LinkedIn, X, Slack và WhatsApp chỉ trong vài giây.