Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
219 commits
Select commit Hold shift + click to select a range
73e6244
Adds autoplay parameter
sabieber May 26, 2021
008c2bb
Adds start time offset parameter
sabieber May 26, 2021
aedb0da
Defines default options
sabieber May 26, 2021
e8ea587
Adds translations and tooltips for buttons
sabieber May 26, 2021
da590c8
Adds optional parameter for showing a deeplink button
sabieber Jun 9, 2021
e56476a
Changes volume slider scale to match video element volume prop
sabieber Jun 9, 2021
ddcef36
Adds basic keyboard shortcuts for play/pause, time and volume
sabieber Jun 9, 2021
488bee2
Codeformat
sabieber Jun 9, 2021
679f03e
Adds an optional close button with callback
sabieber Jun 9, 2021
1d89211
Shows translatable title for close button
sabieber Jun 9, 2021
cc0b751
Displays video progressbar above all other controls
sabieber Jun 9, 2021
8882cfc
Hides the timer on small screens
sabieber Jun 9, 2021
08bc64f
Adds a spacer between the timer and volume control
sabieber Jun 9, 2021
97af374
Expands documentation
sabieber Jun 9, 2021
d2fdd82
Merge pull request #1 from scireum/feature/sbi/OX-6944
sabieber Jun 10, 2021
bd93257
Merge pull request #2 from scireum/feature/sbi/OX-6946
sabieber Jun 10, 2021
6c532df
Merge pull request #3 from scireum/feature/sbi/OX-6945
sabieber Jun 10, 2021
7ae0263
Uses a fixed view port on the demo page
sabieber Jun 10, 2021
89daac4
Stores the current volume and mute state in the local storage
sabieber Jun 10, 2021
ca3fb1b
Updates the volume slider UI via the new event listener
sabieber Jun 10, 2021
12eafc0
Adds new parameter for enabling/disabling video state storage
sabieber Jun 10, 2021
a2f0d49
Restores the previously saved volume/mute when new setting is enabled
sabieber Jun 10, 2021
6f79456
Unmutes the volume on volume change during mute
sabieber Jun 10, 2021
26c8932
Codestyle and some comments
sabieber Jun 10, 2021
75838e3
Adds simple hover effect to video controls
sabieber Jun 10, 2021
8348c3f
Removes accidentally commited style change
sabieber Jun 10, 2021
08f5d99
Merge pull request #4 from scireum/feature/sbi/OX-6948
sabieber Jun 10, 2021
ea6b18b
Adds new parameters for providing all video sources and default quality
sabieber Jun 11, 2021
a50fbf6
Documents the new sources and quality parameters
sabieber Jun 11, 2021
6ff5ea5
Throws error when quality doesnt match the sources list
sabieber Jun 11, 2021
79a7351
Modernizes the design of the video quality selector a little bit
sabieber Jun 11, 2021
f8d0639
Merge pull request #5 from scireum/feature/sbi/OX-6943
sabieber Jun 11, 2021
548cc39
Allows the player to fill its container properly
sabieber Jun 15, 2021
a2a7aa9
Adds a black background to the video
sabieber Jun 15, 2021
ed997fc
Adapts test page to new stylings
sabieber Jun 15, 2021
0bf23f6
Binds the created player instance to the container DOM element
sabieber Jun 15, 2021
91e51ec
Toggles the pause state of the video when clicking somewhere within t…
sabieber Jun 15, 2021
bb36007
Only adds the deeplink event listener when deeplinks are enabled
sabieber Jun 15, 2021
146751c
Only adds the subtitles elements when subtitles are enabled
sabieber Jun 15, 2021
1f8e6fd
Adds text shadow to player controls
sabieber Jun 15, 2021
a92f308
Merge pull request #6 from scireum/feature/sbi/OX-6937
sabieber Jun 15, 2021
40fbeca
Allows to exit fullscreen mode by pressing ESC key
sabieber Jun 16, 2021
a73713d
Supresses the context menu of the video element
sabieber Jun 16, 2021
4b17960
Hides controls when user doesnt move mouse for 2s
sabieber Jun 16, 2021
e811b3d
Fixes styling of the progress bar in webkit browsers
sabieber Jun 17, 2021
718331a
Fixes styling of the volume slider in webkit browsers
sabieber Jun 17, 2021
2c70024
Merge branch 'master' into feature/sbi/OX-6937
sabieber Jun 17, 2021
8d9c703
Merge pull request #7 from scireum/feature/sbi/OX-6937
sabieber Jun 17, 2021
22f5b56
Also updates mute state when changing volume via keyboard shortcuts
sabieber Jun 17, 2021
601acff
Shows the controls when the user activates a keyboard shortcut
sabieber Jun 17, 2021
c45e119
Handles video sources with codecs correctly
sabieber Jun 17, 2021
4886930
Decouples fullscreen toggling from change handling
sabieber Jun 17, 2021
49dfd9c
Allows to use fullscreen mode in Safari browsers
sabieber Jun 17, 2021
3f502dc
Cleans up code
sabieber Jun 18, 2021
cbcdfcd
Merge pull request #8 from scireum/feature/sbi/OX-6937
sabieber Jun 18, 2021
ac381c3
Only triggers keyboard events when video element is active
sabieber Jun 18, 2021
933d370
Improves wording
sabieber Jun 18, 2021
84b9749
Merge pull request #9 from scireum/feature/sbi/OX-6937
sabieber Jun 18, 2021
a19741b
Shows hours in the timer only when the video is at least an hour long
sabieber Jun 21, 2021
4030e08
Centers video vertically in fullscreen mode
sabieber Jun 22, 2021
5dfc6f6
Only renders quality selector when multiple qualities are provided
sabieber Jun 22, 2021
2ffd681
Prevents default behaviour when reacting to keyboard shortcuts
sabieber Jun 22, 2021
28e938d
Removes dependency on the Array.prototype.find method
sabieber Jun 23, 2021
5f8d042
Documents required prototypes
sabieber Jun 23, 2021
c3c2a8d
Correctly handles max-height property on the container element
sabieber Jun 23, 2021
789c0d9
Fixes off by one error
sabieber Jun 23, 2021
409396f
Merge pull request #10 from scireum/feature/sbi/OX-6936
sabieber Jun 23, 2021
6360954
Includes the TypeScript sources in the generated js map file
sabieber Jun 25, 2021
d62cdf4
Renames the directory that contains the distribution files of the lib
sabieber Jun 25, 2021
20a6189
Moves the css file into the distribution directory
sabieber Jun 25, 2021
a686330
References the moved files in the demo page
sabieber Jun 25, 2021
e43752f
Enables some additional code style checks
sabieber Jun 25, 2021
9a079fc
Merge pull request #11 from scireum/feature/sbi/OX-6936
sabieber Jun 25, 2021
1858701
Allows the video to fill the complete container
sabieber Jun 25, 2021
615c810
Uses correct mime codec informations in the demo page
sabieber Jun 25, 2021
249581e
Allows videos to be played inline on iOS Safari
sabieber Jun 25, 2021
019ecb4
Uses new SVG icons instead of material icon font
sabieber Jun 25, 2021
89fa7ee
Merge pull request #12 from scireum/feature/sbi/OX-6936
sabieber Jun 28, 2021
a267f4b
Adds startup parameter to specify base directory URL for icon loading…
sabieber Jun 28, 2021
6bd8d17
Adds shadow behind header and toolbar
sabieber Jun 28, 2021
dbf1748
Prevents video controls from spanning multiple lines on small video s…
sabieber Jun 28, 2021
7b3bd05
Displays a short overlay when a keyboard shortcut is triggered
sabieber Jun 28, 2021
3f4d228
Improves background gradients of video header and footer
sabieber Jun 28, 2021
eafeb19
Merge pull request #13 from scireum/feature/sbi/OX-6936
sabieber Jun 28, 2021
757adf0
Fixes the size of the overlay circle in pages with border box sizing
sabieber Jun 29, 2021
1f7e0ec
Shows video controls again in fullscreen
sabieber Jun 29, 2021
17b82b5
Merge pull request #14 from scireum/feature/sbi/OX-6936
sabieber Jun 30, 2021
1b75db1
Hides timer according to control bar width
sabieber Jun 30, 2021
862ca05
Supports fullscreen on iOS Safari
sabieber Jun 30, 2021
05e94e5
Formats TS code properly
sabieber Jun 30, 2021
692c131
Structures CSS file
sabieber Jun 30, 2021
37bc4eb
Cleans up TS code
sabieber Jun 30, 2021
f2569e9
Merge pull request #15 from scireum/feature/sbi/OX-6936
sabieber Jul 1, 2021
32ddb47
Hides mouse cursor when user is inactive
sabieber Jul 5, 2021
9bf3c4c
Makes check whether to show timer more robust
sabieber Jul 6, 2021
830b9da
Merge pull request #16 from scireum/feature/sbi/OX-6936
sabieber Jul 6, 2021
b15875d
Updates SVG sprite sheet
sabieber Jul 6, 2021
f506270
Renders quality options dynamically
sabieber Jul 6, 2021
f2311dd
Only plays the video after switching when it was not paused
sabieber Jul 6, 2021
ee0cf94
Simplifies timer calculation
Jul 6, 2021
754a8b0
Allows to provide a list of videos that should be played in sequence
sabieber Jul 7, 2021
b4cea14
Plays next video in playlist after the current one ended
sabieber Jul 7, 2021
b1c76c3
Allows to fall back to best available quality for playlist videos
sabieber Jul 8, 2021
9f16402
Supports playlist loop mode correctly
sabieber Jul 8, 2021
c22260b
Prevents ugly gap when quality options selector is hidden
sabieber Jul 8, 2021
3e9ef56
Allows to provide different posters for each video of playlist
sabieber Jul 8, 2021
0ecfd2f
Allows to provide different subtitles for each video of playlist
sabieber Jul 8, 2021
5d2e3be
Updates sample
sabieber Jul 8, 2021
50d575b
Updates play icon to be more centered
sabieber Jul 8, 2021
4a4b321
Merge pull request #18 from scireum/feature/sbi/OX-6936
sabieber Jul 8, 2021
43fc051
Shows feedback overlay when playing/pausing by clicking in the video
sabieber Jul 9, 2021
4aaf9fc
Hides the empty video header when no close button is displayed
sabieber Jul 9, 2021
7fcf710
Only shows video header element on activity when close button is enabled
sabieber Jul 9, 2021
2faeb4e
Replaces call with method available in IE11
sabieber Jul 9, 2021
9ad6ec8
Removes some debugging code
sabieber Jul 9, 2021
4c55722
Allows keyboard controls to work in IE11
sabieber Jul 9, 2021
c736da0
Allows the feedback overlay to be clicked through
sabieber Jul 9, 2021
2e57cc2
Merge pull request #19 from scireum/feature/sbi/OX-6936
sabieber Jul 9, 2021
9ff8138
Merge branch 'master' into meg/smallImprovment
sabieber Jul 9, 2021
765f052
Compiles the change
sabieber Jul 9, 2021
5cf9e8c
Merge pull request #17 from scireum/meg/smallImprovment
Jul 9, 2021
5f0b4b7
Includes new icons
sabieber Jul 12, 2021
7bc47dc
Shows feedback overlay when skipping back/forward via keyboard
sabieber Jul 12, 2021
835c0dd
Adds double click controls for fullscreen / forward / rewind
sabieber Jul 12, 2021
bb9a7b1
Allows the player to be put into native picture in picture mode
sabieber Jul 12, 2021
424f874
Merge pull request #20 from scireum/feature/sbi/OX-6936
sabieber Jul 12, 2021
53191bf
Shows correct tooltip text for picture in picture button
sabieber Aug 23, 2021
f91113e
Merge pull request #21 from scireum/feature/sbi/OX-7312
sabieber Aug 23, 2021
4888ab4
Describes build workflow
sabieber Oct 19, 2021
7530323
Prefixes all css classes with 'cinematicjs-' to prevent clashes
Mar 29, 2022
b6eff6b
Chooses a more appropriate css class name
Mar 29, 2022
5cfc8dd
Fixes some unintended renames that broke some stuff
Mar 30, 2022
49b169f
Merge pull request #22 from scireum/feature/meg/OX-8363
Mar 31, 2022
703d75f
Adds an optional callback for the deeplink button
May 13, 2022
766a198
Adjusts build options to be able to build
May 13, 2022
aa8080e
Reverts auto-format for code-snippet
May 19, 2022
f2b5427
Merge pull request #23 from scireum/feature/meg/callBack
May 19, 2022
9f074c6
Puts quality options into settings menu section
sabieber Jun 7, 2022
21bbd90
Adds settings section for controlling speed
sabieber Jun 7, 2022
20c9012
Improves layout of the settings popup
sabieber Jun 7, 2022
204ece7
Documents new feature and translations in Readme
sabieber Jun 7, 2022
4ae2a41
Allows to display a icon and title per video
sabieber Jun 7, 2022
b6372b8
Allows to display a description for the video
sabieber Jun 8, 2022
08e30be
Merge pull request #24 from scireum/feature/sbi/OX-8672
sabieber Jun 8, 2022
9ccb5e8
Wraps header, footer and description into a div
sabieber Jun 8, 2022
86399ed
Merge pull request #25 from scireum/feature/sbi/OX-8704
sabieber Jun 9, 2022
b2c0c3f
Correctly scopes event handler
sabieber Jun 9, 2022
c10baff
Uses container resize observer in modern browsers
sabieber Jun 9, 2022
1838193
New Video Player Icons
Matina2402 Jun 9, 2022
571ee56
Merge pull request #27 from scireum/mga/feature/new-icons
sabieber Jun 9, 2022
e4ae99d
Merge pull request #26 from scireum/feature/sbi/OX-8708
sabieber Jun 9, 2022
4217fa0
Centralizes updating the video info rendering
sabieber Jun 9, 2022
7b19a8e
Shows pointer cursor on title only when description is present
sabieber Jun 9, 2022
7f6150e
Shows a button for toggling the video description
sabieber Jun 9, 2022
b351e60
Simplifies Ui component binding
sabieber Jun 9, 2022
43f20de
Allows clicks on video to play/pause again
sabieber Jun 9, 2022
99d8277
Shows video infos and controls after video has ended
sabieber Jun 9, 2022
784fcdc
Prevents keyboard shortcuts from also scrolling the page
sabieber Jun 10, 2022
e22b765
Merge pull request #28 from scireum/feature/sbi/OX-8704
sabieber Jun 10, 2022
3450119
Merge pull request #29 from scireum/feature/sbi/OX-8709
sabieber Jun 10, 2022
224a54d
Merge pull request #30 from scireum/feature/sbi/OX-8707
sabieber Jun 10, 2022
516b3a0
Remembers the last selected video quality when creating player
sabieber Jun 13, 2022
b6b3725
Shows ChromeCast button when service is available
sabieber Jun 13, 2022
37cb3fe
Merge pull request #31 from scireum/feature/sbi/OX-8706
sabieber Jun 14, 2022
5ddc722
Merge pull request #32 from scireum/feature/sbi/OX-8705
sabieber Jun 14, 2022
afc0840
Correctly layouts the video controls in fullscreen mode
sabieber Jun 15, 2022
07271da
Correctly positions the copied tooltip above the deeplink button again
sabieber Jun 15, 2022
ea6f892
Shows copied tooltip at same distance as settings popup
sabieber Jun 15, 2022
adc03f2
Improves positioning and handling of settings menu
sabieber Jun 15, 2022
dae3f10
Turns settings lists into a select button
sabieber Jun 15, 2022
0ec896b
Merge pull request #33 from scireum/feature/sbi/VideoFixes
sabieber Jun 17, 2022
e8649fe
Prevents rounding of the playback speed to set
sabieber Jun 17, 2022
b12e85d
Merge pull request #34 from scireum/feature/sbi/OX-8672
sabieber Jun 20, 2022
553422e
Selects the initial quality setting properly in UI
sabieber Jun 20, 2022
124b111
Falls back to the best possible quality when stored quality is not av…
sabieber Jun 20, 2022
4a1c6ab
Hides quality options properly when only one is available
sabieber Jun 20, 2022
aeee0a8
Merge pull request #35 from scireum/feature/sbi/OX-8706
sabieber Jun 20, 2022
b88b792
Restarts playlist when clicking inside video after it ended
sabieber Jun 20, 2022
a4a9158
Re-applies the speed setting when restarting the video
sabieber Jun 20, 2022
4b11d09
Merge pull request #36 from scireum/feature/sbi/OX-8672
sabieber Jun 20, 2022
be4dc2e
Allows player to work in IE11 browser again
sabieber Jun 21, 2022
557c98f
Merge pull request #37 from scireum/feature/sbi/IEFixes
sabieber Jun 21, 2022
442868c
Improves sizing of deeplink copied tooltip text
sabieber Jun 23, 2022
322c2fe
Prevents customer pages from breaking player text layout
sabieber Jun 23, 2022
fdce476
Reselects the current qualty when updating the options
sabieber Jun 23, 2022
3de251d
Merge pull request #38 from scireum/feature/sbi/OX-8759
sabieber Jun 23, 2022
8981ce1
Highlights interactivity of settings dropdown
sabieber Jun 24, 2022
dc99ad9
Restores selected speed after quality change
sabieber Jun 24, 2022
fe2a6b6
Increases readability of copied tooltip slightly
sabieber Jun 24, 2022
74cd2d9
Merge pull request #39 from scireum/feature/sbi/OX-8759
sabieber Jun 24, 2022
3d51338
Fixes broken safari option menu layout
mko-sci Aug 26, 2022
41ccb64
Merge pull request #40 from scireum/feature/mko/OX-8869
mko-sci Aug 26, 2022
eb343b9
Shows the fullscreen button when available on iOS 16
sabieber Oct 24, 2022
97c0b2c
Merge pull request #41 from scireum/feature/sbi/OX-9184
sabieber Oct 24, 2022
87b9d05
Ends the fullscreen mode of the video when user presses the close button
sabieber Nov 10, 2022
f22348a
Merge pull request #42 from scireum/feature/sbi/OX-9290
sabieber Nov 11, 2022
4e706bb
Adds css to make select in controls more robust
Jan 11, 2023
89c38da
Merge pull request #43 from scireum/feature/meg/SIRI-676
Jan 15, 2023
d7bd4de
Filters out quality levels without playable codec
sabieber Oct 27, 2023
97b780b
Removes unused fields
sabieber Oct 27, 2023
64380c2
Merge pull request #44 from scireum/feature/sbi/OX-10520
sabieber Oct 31, 2023
f243564
Dynamically creates/removes video sources according to quality
sabieber Nov 20, 2023
176f92c
Merge pull request #45 from scireum/feature/sbi/OX-10576
sabieber Nov 21, 2023
40c38c7
Inserts dynamically added sources in the correct order
sabieber Nov 24, 2023
c8b656d
Unwrap else branch after guard clause
sabieber Nov 24, 2023
b9fc2a1
Merge pull request #46 from scireum/feature/sbi/OX-10576
sabieber Nov 24, 2023
16f6983
Hide included icon sheet container properly
sabieber Apr 11, 2024
e8ac0fe
Merge pull request #47 from scireum/feature/sbi/svg-icons-fix
sabieber Apr 11, 2024
ef7fe38
Introduce PR template
sabieber May 6, 2024
de8b27c
Prevent extremely long title from breaking the layout
sabieber Mar 27, 2025
7e6e23f
Merge pull request #48 from scireum/feature/sbi/SIRI-1091
sabieber Mar 31, 2025
ba7cdb7
Enhance accessibility and improve button interactions
scireum-mbo Oct 22, 2025
91f9807
Enhance accessibility and improve UI controls
scireum-mbo Oct 27, 2025
2027d5a
Enhance accessibility and improve keyboard interactions
scireum-mbo Nov 10, 2025
8aaecb2
Enhance accessibility by updating ARIA attributes
scireum-mbo Nov 12, 2025
a8339c3
Enhance button interaction support
scireum-mbo Nov 12, 2025
84e09b7
Changes names of unclear event/error variables
scireum-mbo Nov 12, 2025
6d049a3
Enhance keyboard navigation and focus management
scireum-mbo Nov 12, 2025
410f77a
Update ARIA label for Chromecast button
scireum-mbo Nov 12, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions .github/PULL_REQUEST_TEMPLATE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
### Description

<!-- Describe your changes in detail. Also mention how to handle breaking changes if there are any -->

### Additional Notes

- This PR fixes or works on following ticket(s): [SIRI-](https://scireum.myjetbrains.com/youtrack/issue/SIRI-)
- This PR is related to PR: <!-- URL of PR if applicable, remove otherwise -->

### Checklist

- [ ] Code change has been tested and works locally
- [ ] TSC (TypeScript Compiler) has been run and changes are reflected in the dist folder
128 changes: 122 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,138 @@

Still heavily work in progress :)

![image](https://user-images.githubusercontent.com/2427877/119615699-f9c9e380-bdff-11eb-9a54-f3876ad9138d.png)
![screenshot](https://user-images.githubusercontent.com/2427877/121416664-559c7c80-c969-11eb-95d7-aeed87b1168a.png)

## Functionality

- Playback of all browser supported formats
- Toggleable Subtitles/Captions via VTT
- Basic playback controls
- Basic keyboard shortcuts
- Playback quality controls
- Playback speed controls
- Basic fullscreen capabilities
- Picture-in-picture mode
- Progress and buffering indicator

## Dependencies

### Modern browsers

None :)

### Internet Explorer 11

Polyfills for `Array.prototype.forEach`, `NodeList.prototype.forEach` and `Element.prototype.matches`.

## Parameters

| Name | Description | Type | Default |
|------------------|-------------------------------------------------------------------------------------------------------------------|----------|--|
| selector | A selector query string pointing to the div the player should be rendered in | string | '' |
| baseUri | The absolute URL pointing to the base directory of the library (used for loading icons, ...) | string | '' |
| poster | The relative or absolute URL pointing to the video preview image | string | '' |
| sources | A list of all video qualities and their sources. Structure described below | array | - '
| quality | The name of the quality that should be loaded initially | string | - |
| subtitles | The relative or absolute URL pointing to the video captions VTT file | string | null |
| autoplay | Starts the video playback directly when 'true' is passed | boolean | false |
| rememberVolume | Saves and Restores the volume and mute state via local storage when 'true' is passed | boolean | false |
| rememberQuality | Saves and Restores the playback quality via local storage when 'true' is passed | boolean | false |
| startTime | Starts the video playback offset by the given number of seconds | number | 0 |
| deeplink | Shows a deeplink button that copies the url to clipboard on click when filled | string | '' |
| deeplinkCallback | A function that is called when the deeplink button is clicked - if it returns false, the copy action is supressed | function | - |
| closeCallback | Shows a close button that invokes the provided callback on clicked when filled | function | - |
| translations | Can be provided to overwrite the default english translations. Structure described below | object | - |

## Sources

Upon initialization of the player multiple video qualities with multiple source formats can be provided. For this an
array of objects is
passed to the `sources` parameter. The order of the objects also determines their order in the quality setting dropdown.
Each object has the following structure:

| Name | Description |
|---------|--------------------------------------------------------------------------------------|
| quality | Identifier and also name of the quality option shown in the dropdown |
| sources | A list of nested objects describing the different formats. Structure described below |

| Name | Description |
|---------|-----------------------------------------------------------------|
| type | The mime time of the video file format, for example `video/mp4` |
| sources | The actual URI pointing to the video file |

### Sample

```javascript
new Cinematic({
...
sources: [
{
quality: '1080p',
sources: [
{
type: 'video/webm',
source: '1080.webm'
},
{
type: 'video/mp4',
source: '1080.mp4'
}
]
},
{
quality: '720p',
sources: [
{
type: 'video/webm',
source: '720.webm'
},
{
type: 'video/mp4',
source: '720.mp4'
}
]
}
]
});
```

## Translations

The player provides english translations as a default. With the `translations` parameter described above these can be
overwritten.
The following keys can be provided:

| Name | Description | Default |
|----------------|-----------------------------------------------------------------------------|----------------------------|
| pause | Tooltip on the play/pause button when the video is currently playing. | Pause |
| play | Tooltip on the play/pause button when the video is currently paused. | Play |
| restart | Tooltip on the play/pause button when the video reached its end. | Restart |
| mute | Tooltip on the volume button when video is currently not muted. | Mute |
| unmute | Tooltip on the volume button when video is currently muted. | Unmute |
| settings | Tooltip on the settings button. | Settings |
| quality | Heading of the quality settings section. | Quality |
| playbackSpeed | Heading of the speed settings section. | Speed |
| close | Tooltip on the optional close button. | Close |
| deeplink | Tooltip on the optional deeplink copy button. | Copy deeplink to clipboard |
| deeplinkCopied | Popup that is shown when the deeplink button is pressed. | Link was copied |
| fullscreen | Tooltip on the fullscreen button when video is currently not in fullscreen. | Fullscreen |
| exitFullscreen | Tooltip on the fullscreen button when video is currently in fullscreen. | Exit Fullscreen |
| showSubtitles | Tooltip on the subtitles button when video subtitles are currently hidden. | Show Subtitles |
| hideSubtitles | Tooltip on the subtitles button when video subtitles are currently shown. | Hide Subtitles |

## Build / Development

Install typescript:

```
brew install typescript
```

Change .ts file as necessary.

Run TypeScript build in the main project directory:

| Name | Description | Default |
|---|---|---|
| selector | A selector query string pointing to the div the player should be rendered in | '' |
| poster | The relative or absolute URL pointing to the video preview image | '' |
| subtitles | The relative or absolute URL pointing to the video captions VTT file | null |
```
tsc
```
Loading