Cafe IT

Hướng dẫn nhúng video Google Drive vào website đơn giản nhất

Giới thiệu

Bạn có video bài giảng, video giới thiệu sản phẩm hay clip minh họa muốn đưa lên website? Google Drive không chỉ là công cụ lưu trữ mà còn cho phép phát video trực tuyến. Với vài thao tác đơn giản, bạn có thể nhúng video Google Drive vào website (WordPress, Moodle, Blogger hoặc HTML thuần) để người dùng xem trực tiếp mà không cần tải về.

Trong bài viết này, chúng ta sẽ cùng tìm hiểu cách làm chi tiết.


1. Chuẩn bị video trên Google Drive

  • Tải video của bạn lên Google Drive.
  • Chuột phải vào video → chọn Chia sẻ (Share).
  • Đặt quyền Anyone with the link / Viewer (Bất kỳ ai có liên kết đều có thể xem).
  • Sao chép đường link chia sẻ.

Ví dụ link chia sẻ:

https://drive.google.com/file/d/1AbCdEfGhIjKlMnOpQRsTuVW/view?usp=sharing

2. Tạo link nhúng từ Google Drive

Google Drive cung cấp link xem, nhưng để nhúng bạn cần chỉnh sửa một chút:

  • Thay đoạn /view?... thành /preview.
  • Link nhúng chuẩn sẽ có dạng:
https://drive.google.com/file/d/1AbCdEfGhIjKlMnOpQRsTuVW/preview

3. Chèn vào website bằng iframe

Trong phần HTML của website (bài viết WordPress, block HTML trong Moodle hoặc code web thuần), chèn đoạn mã:

<div style="position:relative;padding-top:56.25%;height:0;overflow:hidden;">
  <iframe 
    src="https://drive.google.com/file/d/1AbCdEfGhIjKlMnOpQRsTuVW/preview"
    style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"
    allow="autoplay; encrypted-media"
    allowfullscreen>
  </iframe>
</div>

👉 Mã trên giúp video hiển thị tỷ lệ 16:9responsive trên mọi màn hình (máy tính, điện thoại, tablet).


4. Tùy chỉnh nâng cao

  • Tự động phát video: .../preview?autoplay=1&mute=1
  • Bắt đầu phát từ giây 60: .../preview?start=60
  • Kích thước cố định: <iframe src=".../preview" width="640" height="360" frameborder="0" allowfullscreen></iframe>

5. Lưu ý khi nhúng video Google Drive

  • Video phải ở chế độ công khai hoặc Anyone with the link.
  • Google Drive có giới hạn băng thông (nếu nhiều người xem cùng lúc, video có thể bị chặn tạm thời).
  • Với website có lượng truy cập lớn, nên cân nhắc dùng:
    • YouTube (Unlisted hoặc Public)
    • Vimeo
    • Cloudflare Stream
    • Hoặc dịch vụ CDN/video hosting chuyên dụng.
  • Nếu website bật Content Security Policy (CSP), cần cho phép domain drive.google.com.

Kết luận

Nhúng video Google Drive vào website là cách đơn giản, nhanh chóng và không cần cài thêm plugin. Chỉ với một chút chỉnh sửa link và sử dụng iframe, bạn có thể phát video trực tiếp trên WordPress, Moodle, Blogger hoặc bất kỳ website nào hỗ trợ HTML.

Bài viết liên quan

0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
Back to top button
0
Rất thích suy nghĩ của bạn, hãy bình luận.x