![](https://secure.gravatar.com/avatar/ab1e23ba8c6784d91712f58e532626c0?rating=PG&size=50&default=https%3A%2F%2Fcdn.desk.com%2Fassets%2Funknown_user_50-8ad5644bbe6b1bd7454f2ea465f782bd.png)
Transparent controll bar using CSS
Hello, JW Player Community.
How I can make my controll bar transparent using CSS? If this is possible.
I wan't something like Youtube player. (Sorry for my bad english)
I already changed the play button using this:
.jw-skin-seven .jw-display-icon-container {
opacity: 0.7;
width: 110px;
border-radius: 10%;
border-width: 2px;
border-color: #fff;
}
.jw-display-icon-container .jw-icon-display {
font-size: 1.5em;
}
.jwplayer:hover .jw-display-icon-container {
box-shadow: 0px 0px 15px #ffffff;
opacity: 1;
}
Thanks.