Embed Video lên Teachable, Thinkific, Kajabi — Cách Iframe

Embed Video lên Teachable, Thinkific, Kajabi — Cách Iframe

Nếu bạn đụng tường giá video của Teachable, Thinkific hay Kajabi — hoặc đơn giản muốn player do mình kiểm soát — lối ra là iframe embed từ host video chuyên dụng. Cơ chế giống nhau trên cả ba nền tảng; chỉ UI để dán iframe khác.

Đây là walkthrough thực tế.

Tại sao phải làm?

Mỗi LMS có phiên bản thuế video riêng:

  • Teachable bundle video không giới hạn ở tier cao nhưng throttle băng thông ở tier thấp; tier “Pro” là chìa khóa và không rẻ.
  • Thinkific cap số asset video theo plan và tăng giá mạnh khi thư viện lớn.
  • Kajabi gộp video vào giá nền tảng nhưng giới hạn chặt theo asset và tổng dung lượng.

Nếu thư viện lớn hơn vài chục lesson hoặc audience tăng, toán cuối cùng buộc phải offload video sang host chuyên dụng. Ngoài ra, player kèm LMS rất generic; bạn không đổi được màu, không thêm watermark, không chọn được encoding ladder.

Cách sửa phổ quát: host video ở nơi khác, embed qua iframe, giữ LMS cho việc nó giỏi (cấu trúc khóa học, thanh toán, lịch drip, community).

Pattern chung

Mọi host video hiện đại cho bạn snippet embed — xem trang feature iframe embed code cho snippet AVCaption canonical, pattern wrapper div ép 16:9 trên mobile, và các attribute allow cho fullscreen và PiP.

Cái khác là bạn dán ở đâu.

Teachable

  1. Trong Teachable, mở khóa học → lecture cần update.
  2. Click + Add Content → chọn Code (block </>, không phải block Video — block Video dùng hosting kèm Teachable).
  3. Dán iframe snippet. Save.
  4. Preview ở cửa sổ ẩn danh để xác nhận playback.

Mẹo: nếu chuyển cả khóa học khỏi video Teachable, làm test một lecture trước. Verify playback mobile, fullscreen, và domain whitelist trên host video.

Thinkific

  1. Trong course builder, mở lesson.
  2. Đổi loại lesson sang Multimedia (hoặc thêm element lesson HTML).
  3. Dán iframe snippet vào block HTML. Save.
  4. Bật Set lesson as required nếu muốn gating completion; kết hợp nút completion thủ công nếu host video không push event hoàn thành.

Preview Thinkific đáng tin — bạn thấy gì trong preview, học viên thấy như vậy.

Kajabi

  1. Trong product, mở post (lesson) cần update.
  2. Thêm block Custom Code từ content editor.
  3. Dán iframe snippet. Save và publish.
  4. Dùng Preview as Customer của Kajabi để verify.

Sanitizer HTML của Kajabi thỉnh thoảng bóc attribute. Nếu allowfullscreen biến mất, thêm lại qua view Source.

Khóa embed về domain của bạn

Khi iframe đã trong LMS, ai xem source trang đều thấy URL embed. Không có domain whitelist, URL đó chạy được trên mọi site họ paste vào.

Mọi host video nghiêm túc (gồm AVCaption) hỗ trợ giới hạn iframe embed code theo từng video. Thêm *.teachable.com, *.thinkific.com, hoặc *.kajabi.com (và domain custom của bạn) vào allowlist. Giờ embed chỉ render trên site khóa học của bạn.

Cách này không chặn được kẻ tấn công kiên quyết (Referer giả được) nhưng giết repost lười — vốn là phần lớn vi phạm bản quyền thực tế.

Mã hóa video thật

Domain whitelist bảo vệ embed. Để bảo vệ chính video, host phải mã hóa segment. HLS AES-128 multi-key là chuẩn 2026 — segment vô dụng nếu thiếu key, key được ký, signed URL hết hạn nhanh.

Nếu setup hiện tại là upload MP4 thẳng vào LMS, bạn không có mã hóa. Ai mở lesson trong browser rồi chạy yt-dlp lên trang là có file. Chuyển sang host encrypted video streaming giải quyết một bước.

Brand player

Player generic làm khóa học có vibe YouTube. Player branded cho cảm giác sản phẩm. Custom embed player AVCaption cho đặt accent color, logo, và (Enterprise) watermark theo người xem.

Điều này quan trọng hơn nhiều người nghĩ. Player cảm giác cao cấp = khóa học cảm giác cao cấp = tỉ lệ refund thấp hơn. Khách Premium thường cắt được phần đáng kể yêu cầu refund sau khi rebrand player.

Thêm phụ đề đa ngôn ngữ

Nếu audience toàn cầu, phụ đề AI gộp doanh thu. Multi-language subtitles (Enterprise) AVCaption tạo và dịch caption qua 50+ ngôn ngữ từ audio nguồn.

Đặt source language một lần, chọn target, player hiện chúng trong menu caption. Không cần agency dịch. Xem sâu hơn: Cách thêm phụ đề đa ngôn ngữ vào video khóa học bằng AI.

Theo dõi tiến độ thật (tùy chọn)

Nếu muốn analytics watch-time thật trong Teachable/Thinkific/Kajabi, player phải push event về trang cha. Player AVCaption emit postMessage event cho play, pause, progress, ended. Vài dòng JS trong theme LMS có thể đánh dấu lesson hoàn thành ở 90% xem.

Tốn công hơn phần lớn creator muốn làm. Lựa chọn thay thế là nút “Mark as complete” tiêu chuẩn — đủ tốt cho 95% khóa học.

Khi KHÔNG nên làm

  • Thư viện nhỏ, traffic thấp. Cả khóa 3 giờ video, 200 học viên, player kèm LMS đủ rồi. Đừng thêm phức tạp vô ích.
  • Không có engineering bandwidth. Iframe + domain whitelist là thay đổi 10 phút. Logic player event và watermark là nửa ngày. Trung thực về thứ bạn sẽ duy trì.
  • Content cấp phép studio. Nếu bán lại content cấp phép yêu cầu Widevine DRM, bạn ở lãnh địa VdoCipher, không phải đất embed generic.

AVCaption phù hợp ở đâu

AVCaption được xây cho đúng workflow iframe-embed-vào-LMS này. Free tier (có quảng cáo) đủ để test tích hợp end-to-end. Premium ($100/tháng cho 5 TB) tắt quảng cáo, mở khóa domain whitelist, signed URL, player branded. Enterprise mở watermark và phụ đề AI.

Tổng quan use-case: LMS video hostingkhóa học online.

Kết luận

Phần khó nhất của việc chuyển video khỏi LMS là quyết định. Cơ chế là 10 phút mỗi nền tảng. Chọn host giá phẳng, mã hoá segment, khoá domain, brand player, và không bao giờ phải lo hoá đơn băng thông LMS nữa.

Chạy test trên một lesson Teachable / Thinkific / Kajabi trước khi đụng phần còn lại. Tạo tài khoản AVCaption miễn phí, upload một lesson, paste iframe vào một trang lesson, verify playback và 403 từ domain whitelist trong incognito. Khi nó chạy trên một lesson, phần còn lại là copy-paste.

Câu hỏi thường gặp

Tại sao embed video ngoài thay vì dùng player có sẵn của LMS? +
Chi phí, kiểm soát và analytics. Video kèm LMS hoặc bị cap dung lượng nghiêm hoặc gộp băng thông vào tier subscription — cả hai đều đắt khi scale. Embed ngoài cho phép chọn host video giá phẳng, có mã hóa và player branded được.
Iframe embed có làm vỡ app mobile của Teachable / Thinkific / Kajabi không? +
Trên app iOS Teachable và mobile web Thinkific, iframe hiện đại chạy ổn. UX mobile của Kajabi render embed tùy biến trong wrapper trang lesson. Test trên từng nền tảng trước khi launch — quirk thay đổi theo update.
Tôi có giữ được tracking tiến độ của LMS với player embed không? +
Một phần. Phần lớn LMS chỉ đánh dấu lesson 'hoàn thành' khi user click nút. Để tracking tiến độ thật (% xem, điểm drop-off), cần player expose JS event API. Player embed của AVCaption emit postMessage event để bạn hook.
Còn tuân thủ SCORM thì sao? +
Nếu cần SCORM, bạn ra khỏi flow chuẩn Teachable/Thinkific/Kajabi và vào lãnh địa LearnDash, Moodle hoặc LMS365. Embed video ngoài vẫn dùng được ở đó qua cùng mẫu iframe.
Code embed có khác nhau theo nền tảng không? +
Không. Cùng iframe (`<iframe src="..." allow="..."></iframe>`) chạy trong block HTML của Teachable, lesson HTML tùy biến của Thinkific, và element HTML của Kajabi. Chỉ UI để chèn vào là khác.
← content.back_to_index