Khi nhúng video YouTube vào trang web, thường xảy ra tình trạng sau khi video kết thúc, các video gợi ý xuất hiện, đôi khi không liên quan đến nội dung của trang web. Điều này có thể làm giảm trải nghiệm người dùng và ảnh hưởng đến hình ảnh của trang web. Dưới đây là hướng dẫn chi tiết về cách tắt các video gợi ý đó.

Từ ảnh

video gơi ý

Sang:

tắt video gợi ý

Demo

Bước 1: Lấy Video ID

Trước tiên, bạn cần lấy Video ID của video YouTube mà bạn muốn nhúng. Video ID là một chuỗi ký tự xuất hiện sau "watch?v=" trong URL của video.
Ví dụ: trong URL “https://www.youtube.com/watch?v=Zv1aeqWPUv8“, Video ID là “Zv1aeqWPUv8”.

cach-lay-video-idCách lấy nhanh videoID

Bước 2: Nhúng Video YouTube với Tham số Rel=0

Thay thế Video ID của video muốn nhúng vào đoạn mã nhúng dưới đây:

<div class="lazyload-video-youtube">
    <iframe width="560px" height="315px" src="https://www.youtube-nocookie.com/embed/Zv1aeqWPUv8?rel=0" frameborder="0" allowfullscreen="">
    </iframe>
</div>
<style>
    .lazyload-video-youtube{
        position: relative;
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
    }
    .lazyload-video-youtube iframe{
        position: absolute;
        width: 100%;
        height: 100%;
    }
</style>

Trong đó:
– https://www.youtube-nocookie.com/embed:
là nhúng video dưới dạng không lưu cookie
– .lazyload-video-youtube:
đoạn css responsive video mình thêm vào để video luôn load theo tỉ lệ: 16/9


Bước 3: Tùy chỉnh Tham số Controls (tùy chọn)

Nếu bạn muốn tắt hoặc bật các nút điều khiển trên trình phát video YouTube, bạn có thể sử dụng tham số controls. Đây là cách để thực hiện:

  • Tham số controls=1: Hiển thị điều khiển trình phát video.
  • Tham số controls=0: Tắt điều khiển trình phát video.

Thêm tham số controls vào mã nhúng như sau:

src="https://www.youtube-nocookie.com/embed/VIDEO_ID?rel=0&controls=0"

Bằng cách làm theo hướng dẫn trên, bạn có thể nhúng video YouTube vào trang web mà không cần lo lắng về việc hiển thị các video gợi ý không liên quan. Điều này sẽ giúp cải thiện trải nghiệm người dùng và tạo ra một trang web chuyên nghiệp hơn.

Từ khóa: Tối ưu hóa nhúng video trên website, Nhúng video YouTube, Tắt video gợi ý YouTube, Video ID YouTube, Tham số nhúng video YouTube, Hướng dẫn tắt video gợi ý YouTube, Cách nhúng video YouTube mà không có video gợi ý, Video YouTube không có video liên quan, Cải thiện trải nghiệm người dùng trên website, SEO nhúng video YouTube, Responsive video youtube

Bài viết liên quan

post-no-image

Những bài viết hay về lập trình javascript

post-no-image

Test post facebook