Khi bạn nhúng một video từ YouTube vào blog, mỗi khi người dùng nhấp vào tiêu đề video, nó sẽ tự động chuyển hướng sang trang YouTube. Tuy nhiên, nếu bạn không muốn video chuyển hướng và vẫn muốn người xem có thể xem trực tiếp trên trang web của mình, thì có một cách khá đơn giản để thực hiện điều này.
Mặc dù phương pháp này không tối ưu, nhưng nếu bạn thực sự muốn thì vẫn có thể làm được. Bạn chỉ cần thêm một đoạn mã vào thẻ <iframe>.
sandbox="allow-forms allow-scripts allow-pointer-lock allow-same-origin allow-top-navigation"
Ví dụ, đoạn mã nhúng video từ YouTube:
<iframe width="560" height="315" src="https://www.youtube.com/embed/TT2dgpnAxXc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Sẽ trở thành
<iframe width="560" height="315" src="https://www.youtube.com/embed/TT2dgpnAxXc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen sandbox="allow-forms allow-scripts allow-pointer-lock allow-same-origin allow-top-navigation"></iframe>
Với việc thêm thuộc tính sandbox, bạn sẽ ngừng việc video chuyển hướng sang YouTube khi người dùng nhấp vào tiêu đề video.
Tuy nhiên, mình không khuyến khích sử dụng cách này, đặc biệt nếu bạn đang phát triển một kênh với nhiều video, vì nó có thể làm giảm trải nghiệm người dùng. Cảm ơn các bạn đã đọc bài viết, chúc một ngày tốt lành!
Đây là kết quả mà chúng ta nhận được.