Tạo mã nhúng YouTube
Tạo mã nhúng iframe responsive với thời điểm bắt đầu, tự động phát và chế độ riêng tư
Dữ liệu đầu vào và tùy chọn
Chạy ngay trong trình duyệt. Dữ liệu bạn nhập vẫn ở trên thiết bị này.
Kết quả
Nhập các giá trị của bạn để xem kết quả.
Giới thiệu về công cụ tạo mã nhúng YouTube miễn phí
Với công cụ tạo mã nhúng YouTube miễn phí, bạn biến bất kỳ liên kết YouTube nào thành mã HTML gọn gàng, sẵn sàng sao chép chỉ trong vài giây. Dán URL xem video, liên kết rút gọn youtu.be, liên kết Shorts hoặc ID video 11 ký tự, công cụ sẽ dựng ngay một iframe hợp lệ với đúng các tùy chọn trình phát bạn chọn: thời điểm bắt đầu, tự động phát, tắt tiếng, lặp lại, ẩn điều khiển, chế độ tăng cường quyền riêng tư và nhiều hơn nữa.
Điểm nổi bật là chế độ nhúng YouTube responsive, được bật theo mặc định. Thay vì iframe có chiều rộng cố định bị tràn trên điện thoại, công cụ bọc trình phát trong một khung dùng padding-bottom để giữ tỷ lệ 16:9 chuẩn ở mọi độ rộng màn hình. Đây là kỹ thuật các nhà xuất bản chuyên nghiệp vẫn dùng, hoạt động trên mọi trình duyệt hiện đại mà không cần JavaScript.
Quyền riêng tư cũng được chú trọng. Một hộp kiểm chuyển mã nhúng sang tên miền youtube-nocookie.com tăng cường quyền riêng tư của YouTube, tên miền này trì hoãn cookie theo dõi cho đến khi khách truy cập thật sự phát video, một yêu cầu phổ biến với các website quan tâm đến GDPR. Tùy chọn tải lười thêm thuộc tính loading="lazy" để iframe chỉ tải khi cuộn đến, giúp cải thiện tốc độ trang và Core Web Vitals.
Tính năng chính
- Chấp nhận mọi định dạng URL YouTube phổ biến: watch, youtu.be, Shorts, embed, live hoặc chỉ ID video
- Khung responsive 16:9 được bật theo mặc định để video co giãn trên di động, máy tính bảng và máy tính để bàn
- Kích thước cố định có sẵn (560x315, 640x360, 853x480, 1280x720) khi bạn cần kích thước chính xác
- Nhập thời điểm bắt đầu theo h:mm:ss, mm:ss hoặc số giây, được chuyển thành tham số start đúng
- Các nút bật tắt tự động phát, tắt tiếng, lặp lại và ẩn điều khiển, mã được tạo lại tức thì
- Chế độ tăng cường quyền riêng tư dùng youtube-nocookie.com để giảm theo dõi bằng cookie
- Tùy chọn tải lười giúp trang nhanh hơn và điểm Core Web Vitals tốt hơn
- Xem trước trình phát trực tiếp, cập nhật khi bạn đổi tùy chọn (tự động phát luôn tắt trong phần xem trước)
- Mã đầu ra dễ truy cập với thuộc tính title và allowfullscreen trên mọi iframe
- Sao chép vào bộ nhớ tạm chỉ với một lần nhấp, không cần đăng ký, hoàn toàn miễn phí
Cách dùng công cụ tạo mã nhúng YouTube
- Dán liên kết của bạn: Thả bất kỳ URL YouTube hoặc ID video 11 ký tự nào vào ô nhập. Công cụ tự động nhận diện ID video.
- Chọn tùy chọn: Đặt thời điểm bắt đầu, bật tắt tự động phát, tắt tiếng, lặp lại, ẩn điều khiển hoặc chế độ tăng cường quyền riêng tư. Mã cập nhật tức thì.
- Chọn kích thước: Giữ khung responsive cho bố cục linh hoạt, hoặc tắt đi và chọn kích thước cố định như 560x315 hay 1280x720.
- Kiểm tra bản xem trước: Trình phát trực tiếp bên phải cho thấy chính xác cách bản nhúng của bạn hoạt động, trừ tự động phát để trang luôn yên lặng.
- Sao chép và dán: Nhấp Sao chép mã rồi dán HTML vào website, bài blog hoặc khối HTML của CMS.
Trường hợp sử dụng
- Blogger: Nhúng video hướng dẫn hoặc đánh giá vào bài viết WordPress, Ghost hoặc website tĩnh bằng mã responsive thân thiện với di động.
- Lập trình viên web: Tạo mã iframe nhất quán, đúng chuẩn với tải lười thay vì tự viết tay mỗi lần.
- Người tạo khóa học: Nhúng bài giảng bắt đầu đúng mốc thời gian để học viên luôn vào đúng thời điểm cần xem.
- Đội ngũ marketing: Thêm video giới thiệu sản phẩm vào trang đích với điều khiển bị ẩn để giao diện gọn hơn.
- Agency làm website theo GDPR: Giao bản nhúng youtube-nocookie.com tăng cường quyền riêng tư cho website khách hàng ở châu Âu.
- Người viết tài liệu: Đưa video hướng dẫn vào trung tâm trợ giúp và cơ sở tri thức mà không làm vỡ bố cục.
- Người xuất bản bản tin: Tạo bản nhúng cho phiên bản web của bản tin ở những nơi có hỗ trợ video.
- Chủ doanh nghiệp nhỏ: Đặt video quảng bá lặp lại, tắt tiếng ở phần hero trang chủ mà không cần thuê lập trình viên.
Câu hỏi thường gặp
Công cụ này có miễn phí không?
Có, công cụ tạo mã nhúng YouTube hoàn toàn miễn phí, không cần đăng ký, không có hình mờ và không giới hạn sử dụng.
Dữ liệu của tôi có an toàn không?
Có. Công cụ chạy hoàn toàn trong trình duyệt. URL và cài đặt của bạn không bao giờ được gửi đến máy chủ của chúng tôi, và không có gì được lưu hay ghi nhật ký.
Vì sao tự động phát cũng thêm mute=1?
Chrome, Safari và Firefox chặn video tự động phát có tiếng. Bản nhúng YouTube chỉ tự động phát ổn định khi tắt tiếng, nên công cụ thêm mute=1 mỗi khi bật tự động phát. Người xem có thể bật tiếng chỉ với một lần nhấp.
Vì sao lặp lại lại thêm tham số playlist?
Đây là yêu cầu của YouTube. Tham số loop=1 chỉ hoạt động với danh sách phát, nên để lặp một video đơn lẻ bạn phải truyền playlist=VIDEO_ID với cùng ID đó. Công cụ xử lý việc này tự động.
Bản nhúng responsive khác gì bản nhúng kích thước cố định?
Iframe kích thước cố định luôn hiển thị ở cùng số điểm ảnh và có thể tràn màn hình nhỏ. Phiên bản responsive bọc iframe trong một khung có padding-bottom 56,25 phần trăm (tỷ lệ 16:9), nên trình phát lấp đầy phần tử cha và co giãn mượt mà trên mọi thiết bị.
Chế độ tăng cường quyền riêng tư có làm thay đổi cách phát video không?
Không. Trình phát trông và hoạt động giống hệt. Tên miền youtube-nocookie.com chỉ ngăn YouTube đặt cookie theo dõi cho đến khi khách truy cập bắt đầu phát, giúp tuân thủ GDPR và quy định về sự đồng ý cookie.
Mẹo và thực hành tốt nhất
- Luôn bật khung responsive: Hơn một nửa lưu lượng web đến từ di động, và iframe cố định 560px sẽ tràn hầu hết màn hình điện thoại.
- Dùng tải lười cho phần dưới màn hình: Mỗi iframe YouTube kéo theo hàng trăm kilobyte. loading="lazy" hoãn chi phí đó cho đến khi trình phát thật sự hiển thị.
- Đặt thời điểm bắt đầu cho video dài: Đưa người xem đến đúng khoảnh khắc liên quan giúp giảm tỷ lệ thoát và giữ họ xem nội dung của bạn.
- Ưu tiên chế độ tăng cường quyền riêng tư: Người xem không mất gì, và việc xử lý sự đồng ý cookie trên các website có lưu lượng từ EU trở nên đơn giản hơn.
- Giữ thuộc tính title: Trình đọc màn hình sẽ đọc nó, và các bản kiểm tra khả năng truy cập như Lighthouse sẽ cảnh báo iframe thiếu thuộc tính này.
- Kiểm tra sau khi dán: Một số trình soạn thảo CMS loại bỏ iframe ở chế độ trực quan. Hãy dán mã vào khối HTML hoặc khối mã để giữ nguyên.