search

videogular / videogular2

The HTML5 video player for Angular 2
https://videogular.github.io/videogular2-showroom/#/
MIT License
672 stars 211 forks source link

How do I change icon of quality selector #837

Closed MalikAsadAwan closed 5 years ago

MalikAsadAwan commented 5 years ago

Description

I am trying to change the icon of quality selector instead of using HD button i want to use setting icon but when i change the icon then quality selector stop working .

sliceofbytes commented 5 years ago

You can just override the css for the quality-selector

It uses vg-icon-hd class to determine the icon.

MalikAsadAwan commented 5 years ago

@sliceofbytes can you provide me an example. Thanks in advance.

sliceofbytes commented 5 years ago 
vg-quality-selector::ng-deep .quality-selected.vg-icon-hd:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f013";
}

https://stackblitz.com/edit/angular-m12htj?file=src%2Fapp%2Fapp.component.scss

MalikAsadAwan commented 5 years ago

Thanks @sliceofbytes