Vì sao không dùng thẻ video thuần?

Thẻ video HTML thuần với tệp MP4 chạy ổn cho một đoạn lặp mười giây, rồi sẽ hết hiệu quả. Tệp lớn bị giật trên mạng chậm, định dạng khác nhau giữa các trình duyệt, và nhà cung cấp hosting của bạn phải trả tiền băng thông mỗi lần có người bấm phát. Trình phát nhúng đảo ngược điều đó. Tệp nằm trên FileHost.net, luồng phát tự thích ứng với kết nối của người xem, và trang của bạn chỉ chứa một iframe nhỏ.

Trình phát thực sự có những gì

Trình phát chạy trên nền Video.js và phát HLS. Người xem có toàn màn hình, menu tốc độ phát, phím tắt để phát, tua, âm lượng, tắt tiếng và toàn màn hình, chế độ rạp phim làm tối trang, cùng ảnh xem trước trên thanh thời gian được tạo tự động sau khi tải lên. Có thể thêm phụ đề bằng tệp SRT, với 45 ngôn ngữ để chọn, và trình phát có thể bắt đầu với một track phụ đề đã bật sẵn nếu bạn muốn.

Chủ sở hữu có thể đặt chiều rộng và chiều cao khi nhúng, thêm logo riêng, chọn ảnh splash hoặc poster và với Premium, đổi màu trình phát cho khớp với website. Người dùng nâng cao có thể kết nối thẻ quảng cáo VAST hoặc cài đặt pop từ bảng điều khiển.

Tính năng trình phát

Đối chiếu với mã trình phát, không phải danh sách mong muốn.

Streaming HLS

Phát theo phân đoạn giúp video khởi động nhanh và tua mượt, kể cả với video dài.

Phụ đề

Tải phụ đề SRT theo từng ngôn ngữ, bật ngay trong trình phát hoặc để phụ đề bật sẵn khi bắt đầu.

Tốc độ và phím tắt

Menu tốc độ và phím tắt điều khiển phát, tua, âm lượng, tắt tiếng, toàn màn hình và chế độ rạp phim.

Chế độ rạp phim

Làm tối trang xung quanh để video là tâm điểm, rồi bật lại bằng một phím.

Xem trước timeline

Ảnh xem trước khi di chuột được tạo trong lúc xử lý để người xem tìm đúng khoảnh khắc mà không phải đoán.

Thương hiệu riêng

Thêm logo, chọn ảnh poster, đặt kích thước nhúng và với Premium, chọn màu trình phát.

Nhúng video trong năm bước

  1. 1Tải video lên và chờ video hiển thị sẵn sàng trong danh sách video của bạn.
  2. 2Mở video và chọn tab nhúng. Mã mặc định là iframe 600 x 480 pixel mà bạn có thể đổi kích thước.
  3. 3Sao chép mã và dán vào chế độ HTML của trang, hoặc vào khối HTML tùy chỉnh trong trình soạn thảo.
  4. 4Làm cho nó co giãn bằng cách bọc iframe trong khung có tỷ lệ 16:9, mà hầu hết giao diện đã có sẵn.
  5. 5Mở trang trong cửa sổ riêng tư trên điện thoại và máy tính để kiểm tra phát và kích thước trước khi đăng.

Mã nhúng

iframe cơ bản

Đây là cấu trúc mà bảng điều khiển tạo ra. Hãy thay mã bằng ID công khai của video của bạn.

<iframe width="600" height="480" src="https://filehost.net/e/YOUR_CODE" scrolling="no" frameborder="0" allowfullscreen="true"></iframe>

Khung bao responsive

Một khung bọc nhỏ giữ tỷ lệ 16:9 ở mọi chiều rộng màn hình. Thêm nó vào stylesheet và dùng cùng iframe bên trong.

<div style="position:relative;aspect-ratio:16/9;max-width:100%">
  <iframe src="https://filehost.net/e/YOUR_CODE"
    style="position:absolute;inset:0;width:100%;height:100%;border:0"
    allowfullscreen="true"></iframe>
</div>

Hiệu năng và lưu ý về SEO

iframe tách biệt với script của bạn nên sẽ không làm chậm bố cục hay xung đột với giao diện, nhưng công cụ tìm kiếm coi video thuộc về địa chỉ được nhúng. Hãy kết hợp nhúng với tiêu đề mô tả, bản tóm tắt ngắn và bản chép lời trên trang của bạn để nội dung vẫn được xếp hạng. Thêm thuộc tính loading đặt là lazy cho iframe khi video nằm dưới màn hình đầu tiên.

Vì phần việc nặng nhất diễn ra ở nơi khác, chi phí hosting của bạn không đổi khi lượng truy cập tăng đột biến. Đó là lợi ích thực tế lớn nhất với các website nhỏ dùng shared hosting.

Kiếm tiền từ lượt xem nhúng

Lượt xem qua trình phát nhúng được tính thu nhập cùng mức với trang xem, nên một bài viết nổi tiếng có thể tự sinh lời. Bạn cũng có thể chạy quảng cáo VAST riêng trong trình phát; lưu lượng phát khi quảng cáo riêng của bạn đang bật được trừ vào băng thông Premium, với giá cố định 2 đô la mỗi terabyte. Hãy đọc quy tắc thu nhập trước khi xây dựng kế hoạch kinh doanh dựa trên đó.

Khắc phục sự cố

Nếu trình phát hiện ra một khung trống, hãy kiểm tra xem trang của bạn có đang chặn khung của bên thứ ba bằng chính sách bảo mật nội dung hay không. Nếu phụ đề không xuất hiện, hãy xác nhận phụ đề đã được thêm vào đúng video và ở định dạng SRT. Nếu trang hiển thị sai trên điện thoại, hãy thay chiều rộng và chiều cao cố định bằng khung bao responsive ở trên.

FileHost.net so sánh thế nào

Nhúng từ dịch vụ kiểu ổ đĩa thường cho ra khung xem trước vụng về. Xem các trình phát khác nhau thế nào.

Xem mọi so sánh

Công cụ và hướng dẫn liên quan

Sẵn sàng thử chưa?

Tải lên một clip, sao chép iframe và dán vào trang thử nghiệm. Chỉ cần năm phút là bạn biết trình phát có hợp với website của mình hay không.

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

Tải video lên, mở tab nhúng, sao chép mã iframe và dán vào HTML của trang.

Có. Thêm tệp SRT bằng bất kỳ ngôn ngữ nào trong 45 ngôn ngữ, và người xem có thể bật từ trình phát.

Có. Đặt chiều rộng và chiều cao trong mã, hoặc dùng khung bọc co giãn để nó thay đổi theo trang.

Bạn có thể thêm logo riêng. Màu trình phát tùy chỉnh thuộc gói Premium, còn quảng cáo hoặc logo có thể gỡ bằng băng thông Premium.

Có. Lượt xem trên video nhúng được tính cùng mức với lượt xem trên trang xem.