Is it possible to remove only the “watch later” and “share” buttons using the iframe YouTube player

Question

How can I remove the clock later and share buttons using iframe iframe embed player. Use the following code to embed video clips.

<iframe width="854" height="480" src="https://www.youtube.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>

Using showinfo = 0 removes the full title, which also contains the title of the video.

Can I remove only the Watch Later and Share buttons from the header?

Answer 1

Add this line after the link

https://www.youtube.com/embed/c5cHjtspa7M?mode=opaque&rel=0&autohide=1&showinfo=0&wmode=transparent

He will disable this option and will watch later.

Answer 2

25 2018 .

Answer 3

YouTube (youtube-nocookie), " ", "".

<iframe width="854" height="480" src="https://www.youtube-nocookie.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>

Answer 4

, , :

document.getElementsByTagName('iframe')[0].contentWindow.getElementsByClassName('ytp-watch-later-button')[0].style.display = 'none';

, , , YouTube :

' . JavaScript: ": ", Iframe ... "fooobar.com/questions/35962/...

, , , .

Answer 5

, iframe. :

• ,
• , , (2012) , .

, - , showinfo , .

Answer 6

url params: showinfo = 0.

: https://www.youtube.com/embed/youidvideo?autoplay=1&rel=0&showinfo=0

!

Answer 7

ShowInfo

. 25 2018 .

: 0 1.

0 , , , .

, 1, .

https://developers.google.com/youtube/player_parameters

Answer 8

. .

CSS .

.ytp-watch-later-button{
    display : none !important;
}

Answer 9

- , overflow hidden. CodePen .

CSS:

.videoWrapper {
  overflow: hidden;
}
@media (min-width: 1500px) {
  .videoWrapper {
    margin-top: -135px;
  }
}
@media (min-width: 1200px) {
  .videoWrapper {
    margin-top: -75px;
  }
}

HTML:

<div class="videoWrapper">
  <iframe width="100% src="https://www.youtube.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen></iframe>
</div>

, , . YouTube.

, 1200 . , .