Ẩn tên, logo youtube khi mở iframe nhúng

Để ẩn logo YouTube xuất hiện trên thanh điều khiển khi phát video nhúng sử dụng một số thao tác css và thư viện js

Code mẫu chèn vào trang web của bạn:

Thay thế VIDEO_ID = ID của Youtube

<!-- Thư viện CSS và JS của Plyr -->

<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />

<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>

<style>

.plyr iframe[id^=youtube]{height:200%;top:-50%}.plyr__video-embed iframe{pointer-events:none}

</style>

<div class="plyr__video-embed" id="player">

<iframe

src="https://www.youtube.com/embed/<VIDEO_ID>?controls=0&rel=0&showinfo=0&modestbranding=1&iv_load_policy=3"

allowfullscreen

allowtransparency

allow="autoplay">

</iframe>

</div>

<script>

const player = new Plyr('#player', {

controls: ['play', 'progress', 'volume', 'fullscreen'],

hideControls: true

});

</script>