]>
Commit | Line | Data |
---|---|---|
1 | import videojs, { VideoJsPlayer } from 'video.js' | |
2 | ||
3 | const Component = videojs.getComponent('Component') | |
4 | ||
5 | class SettingsDialog extends Component { | |
6 | constructor (player: VideoJsPlayer) { | |
7 | super(player) | |
8 | ||
9 | this.hide() | |
10 | } | |
11 | ||
12 | /** | |
13 | * Create the component's DOM element | |
14 | * | |
15 | * @return {Element} | |
16 | * @method createEl | |
17 | */ | |
18 | createEl () { | |
19 | const uniqueId = this.id() | |
20 | const dialogLabelId = 'TTsettingsDialogLabel-' + uniqueId | |
21 | const dialogDescriptionId = 'TTsettingsDialogDescription-' + uniqueId | |
22 | ||
23 | return super.createEl('div', { | |
24 | className: 'vjs-settings-dialog vjs-modal-overlay', | |
25 | innerHTML: '', | |
26 | tabIndex: -1 | |
27 | }, { | |
28 | 'role': 'dialog', | |
29 | 'aria-labelledby': dialogLabelId, | |
30 | 'aria-describedby': dialogDescriptionId | |
31 | }) | |
32 | } | |
33 | } | |
34 | ||
35 | Component.registerComponent('SettingsDialog', SettingsDialog) | |
36 | ||
37 | export { SettingsDialog } |