Nhúng video từ Youtube

Nhúng video youtube trên blog bằng hai phương pháp

1.Lazy load

Phương pháp này nó sẽ giúp blog của bạn nhẹ hơn khi nhúng video từ youtube, việc bạn cần làm chỉ cần sao chép ID của video và thay nó vào đoạn code đã cho.

Code

  <div class='lazyYt' data-embed='Youtube_videoID' style='z-index: 1;'>
  <div class='play'>
    <svg viewbox='0 0 213.7 213.7'><polygon class='t' points='73.5,62.5 148.5,105.8 73.5,149.1'></polygon><circle class='c' cx='106.8' cy='106.8' r='103.3'></circle></svg>
  </div>
</div>

Thay đổi phần mình đánh dấu bằng ID Video Youtube bạn muốn chèn
ID youtube chính là đoạn mã nằm sau https://youtube.com/ID video kiểu ID này dành cho người sử dụng ứng dụng Youtube, còn ai sử dụng trình duyệt ID là đoạn mã nằm sau https://youtube.com/watch?v=ID video

2.Bình thường

Cái này nhúng từ thẻ iframe của Youtube

Code

<!--[ Defer iframe ]-->
<div class='videoYt'>
  <iframe title='Lazy video iframe' class='lazy' data-src='//www.youtube.com/embed/Youtube_videoID' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>
</div>

Cái này thì ai cũng biết chẳng qua mình viết linh tinh thôi 😁