$icon-font-path: 'fonts' !default;

@font-face {
  font-family: 'videojs-airplayButton';
  src:url('#{$icon-font-path}/airplayButton.eot');
  src:url('#{$icon-font-path}/airplayButton.eot?#iefix') format('embedded-opentype'),
    url('#{$icon-font-path}/airplayButton.ttf') format('truetype'),
    url('#{$icon-font-path}/airplayButton.woff') format('woff'),
    url('#{$icon-font-path}/airplayButton.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.vjs-airplay-control {
  font-family: 'videojs-airplayButton';
  float: right;
  cursor: pointer;
}

.vjs-airplay-control:before,
.vjs-v6 .vjs-airplay-control .vjs-icon-placeholder::before {
  content: "\e900";
}

.vjs-v6 .vjs-airplay-control:before {
  content: none;
}