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
Sang:
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”.
Cá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. - Tham số
autoplay=1&mute=1: Cho phép video tự động chạy - Tham số
loop=1: Cho phép lặp lại 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
