Player Nhúng Tuỳ Chỉnh
Player nhúng AVCaption là một iframe duy nhất bạn thả vào site, LMS, portal membership, bài blog — bất cứ đâu HTML chạy được. Nó trông như thương hiệu của bạn, phát video của bạn, và tôn trọng các quy tắc truy cập của bạn.
Bạn có thể tuỳ chỉnh gì
Màu thương hiệu — đặt một màu nhấn duy nhất trong dashboard. Thanh tiến trình, hover highlight, phần nhấn phụ đề và nút play đều dùng nó.
Watermark logo (Premium) — upload một PNG. Hiển thị ở góc video với độ mờ điều chỉnh được. Bền bỉ suốt khi phát.
Watermark động theo người xem (Enterprise) — in email, ID hoặc địa chỉ IP của người xem đã xác thực vào dòng video. Nếu người xem quay màn hình và đăng video công khai, watermark nhận diện họ. Văn bản di chuyển định kỳ để vô hiệu hoá việc cắt đơn giản.
Preset kiểu phụ đề — kiểu chữ, cỡ, nền, vị trí, viền. Có preset dựng sẵn (kiểu Netflix, kiểu YouTube, kiểu hardsub anime) hoặc tuỳ biến.
Điều khiển player — chọn nút nào hiển thị: play/pause, âm lượng, fullscreen, PIP, tốc độ, chọn chất lượng, chọn phụ đề, AirPlay, Cast.
Mặc định autoplay / loop / mute — ghi đè theo từng video qua tham số URL nhúng.
Whitelist domain — chỉ định chính xác domain nào được phép host iframe. Hotlink từ bất kỳ chỗ khác nhận 403.
Mã nhúng
<iframe
src="https://avcaption.com/watch/{your_embed_token}"
frameborder="0"
allow="autoplay; encrypted-media; fullscreen"
allowfullscreen
loading="lazy"
width="100%"
style="aspect-ratio: 16/9"
></iframe>
Vậy thôi. Không có dependency JS, không thẻ script, không xung đột CSS với site của bạn. Render trên mọi trình duyệt hiện đại gồm Safari, Firefox, Chrome, Edge, trình duyệt di động và webview trong app.
Tham số URL để kiểm soát chi tiết
Thêm query param vào src của iframe để ghi đè mặc định cho từng lần nhúng:
?autoplay=1— phát ngay khi load (chịu chính sách autoplay của trình duyệt — nên dùng kèm muted).?muted=1— bắt đầu im lặng (cần cho autoplay trên hầu hết trình duyệt).?loop=1— phát lại khi kết thúc.?start=120— nhảy đến giây thứ 120 khi load.?quality=1080— ép một biến thể cụ thể.?subtitle=vi— chọn sẵn ngôn ngữ phụ đề.?controls=0— ẩn mọi điều khiển (dùng cho kiểu kiosk).?theme=dark|light— ghi đè theme player.
Hỗ trợ trình duyệt
- Chrome / Edge — HLS đầy đủ qua Media Source Extensions (HLS.js)
- Firefox — HLS đầy đủ qua HLS.js
- Safari (desktop + iOS) — HLS native, không cần thư viện JS
- Chrome di động (Android) — HLS đầy đủ qua HLS.js
- iOS 16+ — đã kiểm thử, gồm PIP, AirPlay, fullscreen
- Webview trong app (app LMS, app mobile lai) — đã kiểm thử trên các nền tảng phổ biến
Hiệu năng
Player <60KB minified+gzipped kể cả HLS.js. First-frame trung bình 600-900ms trên 4G mobile, dưới 300ms trên broadband. Master playlist + segment đầu được cache CDN là đường găng quyết định; AVCaption pre-warm cả hai khi upload.
So với các nền tảng khác
- Wistia / Vimeo OTT — player nặng hơn, nhồi thêm công cụ marketing. First-frame chậm hơn, payload JS lớn hơn.
- Mux Player — nhẹ hơn Wistia, nhưng tự lo UI cho watermark / branding. AVCaption tích hợp sẵn các điều khiển thương hiệu trong dashboard.
- JW Player — đầy đủ tính năng nhưng payload JS lớn và SDK yêu cầu khoá license theo domain.
- Bunny / CF Stream — player nhẹ tương đương nhưng ít tuỳ chỉnh thương hiệu hơn.
Bắt đầu
Test nhanh nhất: mở tài khoản miễn phí, upload một video, set màu nhấn và logo trong Player Settings, copy iframe từ trang chi tiết video, paste vào site. Player có brand trong dưới 5 phút. Triển khai phổ biến: host video cho LMS, video cho site membership, video cho khách của agency.