diff --git a/src/css/components/_audio.scss b/src/css/components/_audio.scss index 7d05921544..3f7d7031db 100644 --- a/src/css/components/_audio.scss +++ b/src/css/components/_audio.scss @@ -2,7 +2,7 @@ @extend .vjs-icon-audio; } -.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder, +.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; @@ -10,7 +10,7 @@ } // Mark a main-desc-menu-item (main + description) or description item with a trailing Audio Description icon -.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, +.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f12e"; diff --git a/src/js/control-bar/audio-track-controls/audio-track-menu-item.js b/src/js/control-bar/audio-track-controls/audio-track-menu-item.js index 4c7d344e83..be26f6be94 100644 --- a/src/js/control-bar/audio-track-controls/audio-track-menu-item.js +++ b/src/js/control-bar/audio-track-controls/audio-track-menu-item.js @@ -51,7 +51,7 @@ class AudioTrackMenuItem extends MenuItem { const el = super.createEl(type, props, attrs); const parentSpan = el.querySelector('.vjs-menu-item-text'); - if (['main-desc', 'description'].indexOf(this.options_.track.kind) >= 0) { + if (['main-desc', 'descriptions'].indexOf(this.options_.track.kind) >= 0) { parentSpan.appendChild(Dom.createEl('span', { className: 'vjs-icon-placeholder' }, {