Youtube API
Once and a while I dive into the HTML, PHP, Javascript, jQuery world. This time I planned to make a website that lists songs that should be played on a party. I came on the idea to have all song entries automatically linked to YouTube, so that users could watch and hear the song.
Using the YouTube API you can easily do this stuff, but the default view of the embedded YouTube player doesn't look very nice. A search bar, some links like the song title and "I'm done playing this movie' is visible, which really destroys the point of embedding it in a tiny place on your site (e.g. if you need to embed if for every song in a list).
Here's a CSS snippet that will hide all of these elements using the classes that are utilized by the YouTube API:
table.gsc-search-box { display:none; }
.footerBox_gsvsc {display: none;}
.title_gsvsc {display: none;}
.player_gsvsc {position:relative; margin-left: auto; margin-right: auto;}
.searchForm_gsvsc {height:0px;}
.gsc-search-box {display:none;}