Since YouTube has deprecated the showinfo parameter you can trick the player. Youtube will always try to center its video but logo, title, watch later button etc.. will always stay at the left and right side respectively.
So what you can do is put your Youtube iframe inside some div:
<div class="frame-container">
<iframe></iframe>
</div>
Then you can increase the size of frame-container to be out of browser window, while aligning it so that the iframe video comes to the center. Example:
.frame-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
width: 300%; /* enlarge beyond browser width */
left: -100%; /* center */
}
.frame-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Finnaly put everything inside a wrapper div to prevent page stretching due to 300% width:
<div class="wrapper">
<div class="frame-container">
<iframe></iframe>
</div>
</div>
.wrapper {
overflow: hidden;
max-width: 100%;
}