@instructure/studio-player 0.1.4 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/StudioPlayer/StudioPlayer.d.ts +4 -2
- package/dist/StudioPlayer/store/StudioPlayerMediaStorage.d.ts +40 -0
- package/dist/StudioPlayer/useStudioPlayer.d.ts +5 -1
- package/dist/constants.d.ts +2 -4
- package/dist/en-CDw-Fu7s.js +87 -0
- package/dist/i18n.d.ts +1 -0
- package/dist/index.css +1 -1
- package/dist/kl-fK-9jtTT.js +87 -0
- package/dist/studio-player.es.js +972 -679
- package/dist/types.d.ts +12 -0
- package/package.json +26 -23
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { MediaPlayerProps } from '@vidstack/react';
|
|
2
|
-
import { CaptionMetaData } from '@/types';
|
|
2
|
+
import { CaptionMetaData, Comment, StudioPlayerLanguage } from '@/types';
|
|
3
3
|
export type StudioPlayerProps = {
|
|
4
4
|
title: string;
|
|
5
5
|
src: MediaPlayerProps['src'];
|
|
6
6
|
captions?: CaptionMetaData[];
|
|
7
7
|
thumbnail?: string;
|
|
8
8
|
hideFullScreen?: boolean;
|
|
9
|
+
comments?: Comment[];
|
|
10
|
+
locale?: StudioPlayerLanguage;
|
|
9
11
|
};
|
|
10
|
-
export declare function StudioPlayer({ title, src, captions, thumbnail, hideFullScreen, }: StudioPlayerProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function StudioPlayer({ title, src, captions, thumbnail, hideFullScreen, comments, locale, }: StudioPlayerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { MediaStorage, Src } from '@vidstack/react';
|
|
2
|
+
import { StudioPlayerState } from '../StudioPlayerContext';
|
|
3
|
+
type StorageData = {
|
|
4
|
+
volume: number;
|
|
5
|
+
muted: boolean;
|
|
6
|
+
lang: string | null;
|
|
7
|
+
captions: boolean;
|
|
8
|
+
rate: number;
|
|
9
|
+
multiplier: number;
|
|
10
|
+
ontop: boolean;
|
|
11
|
+
invert: boolean;
|
|
12
|
+
comments: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare class StudioPlayerMediaStorage implements MediaStorage {
|
|
15
|
+
playerId: string;
|
|
16
|
+
mediaId: string | null;
|
|
17
|
+
data: StorageData;
|
|
18
|
+
time: number | null;
|
|
19
|
+
getVideoQuality(): Promise<null>;
|
|
20
|
+
getAudioGain(): Promise<null>;
|
|
21
|
+
getLang(): Promise<string | null>;
|
|
22
|
+
setLang(lang: string | null): Promise<void>;
|
|
23
|
+
getVolume(): Promise<number>;
|
|
24
|
+
setVolume(volume: number): Promise<void>;
|
|
25
|
+
getMuted(): Promise<boolean>;
|
|
26
|
+
setMuted(muted: boolean): Promise<void>;
|
|
27
|
+
getTime(): Promise<number | null>;
|
|
28
|
+
setTime(time: number, ended: boolean): Promise<void>;
|
|
29
|
+
getCaptions(): Promise<boolean>;
|
|
30
|
+
setCaptions(enabled: boolean): Promise<void>;
|
|
31
|
+
getPlaybackRate(): Promise<number>;
|
|
32
|
+
setPlaybackRate(rate: number): Promise<void>;
|
|
33
|
+
onChange(_src: Src, mediaId: string | null, playerId?: string): void;
|
|
34
|
+
save(): void;
|
|
35
|
+
saveTime: () => void;
|
|
36
|
+
saveTimeThrottled: () => void;
|
|
37
|
+
initializeState: () => StudioPlayerState;
|
|
38
|
+
saveData: <K extends keyof StorageData>(key: K, value: StorageData[K]) => void;
|
|
39
|
+
}
|
|
40
|
+
export {};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { keyShortcuts } from './shortcuts';
|
|
2
2
|
import { StudioPlayerContextType } from './StudioPlayerContext';
|
|
3
|
+
import { StudioPlayerMediaStorage } from './store/StudioPlayerMediaStorage';
|
|
4
|
+
import { Comment } from '@/types';
|
|
3
5
|
export type useStudioPlayerOptions = {
|
|
4
6
|
hideFullScreen: boolean;
|
|
7
|
+
comments: Comment[];
|
|
5
8
|
};
|
|
6
|
-
export declare function useStudioPlayer({ hideFullScreen }: useStudioPlayerOptions): {
|
|
9
|
+
export declare function useStudioPlayer({ hideFullScreen, comments, }: useStudioPlayerOptions): {
|
|
7
10
|
contextValue: StudioPlayerContextType;
|
|
8
11
|
shortcuts: typeof keyShortcuts;
|
|
12
|
+
storage: StudioPlayerMediaStorage;
|
|
9
13
|
};
|
package/dist/constants.d.ts
CHANGED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
const E = "Action", A = "Auto ({{quality}})p", o = "Back", t = "Font Size", S = "Caption Language: {{language}}", e = "Captions", T = "Close", _ = "Comments", n = "Decrease Playback Speed", O = "Decrease Volume by {{percent}}%", c = "Down Arrow", s = "Enter Fullscreen", C = "Exit Fullscreen", P = "Increase Playback Speed", R = "Increase Volume by {{percent}}%", L = "Invert Colors", N = "Jump to specific percentage (1-10%, 2-20%, etc)", a = "Jump to Start", U = "Keyboard Shortcuts", G = "Language", I = "Left Arrow", r = "Muted", D = "Next Caption Language", l = "Off", u = "On Top", p = "Playback Speed", M = "Playback Speed: {{speed}}x", K = "Previous Caption Language", g = "Quality", B = "Reset Playback Speed", F = "Right Arrow", d = "Seek backward: {{seconds}} seconds", Y = "Seek forward: {{seconds}} seconds", i = "Settings", W = "Shortcut", V = "Space", y = "Toggle Captions", b = "Toggle Muted", k = "Toggle Play/Pause", m = "Up Arrow", w = "Volume: {{volume}}%", f = {
|
|
2
|
+
ACTION: E,
|
|
3
|
+
AUTO: A,
|
|
4
|
+
BACK: o,
|
|
5
|
+
CAPTION_FONT_SIZE: t,
|
|
6
|
+
CAPTION_LANGUAGE: S,
|
|
7
|
+
CAPTIONS: e,
|
|
8
|
+
CLOSE: T,
|
|
9
|
+
COMMENTS: _,
|
|
10
|
+
DECREASE_PLAYBACK_SPEED: n,
|
|
11
|
+
DECREASE_VOLUME: O,
|
|
12
|
+
DOWN_ARROW: c,
|
|
13
|
+
ENTER_FULLSCREEN: s,
|
|
14
|
+
EXIT_FULLSCREEN: C,
|
|
15
|
+
INCREASE_PLAYBACK_SPEED: P,
|
|
16
|
+
INCREASE_VOLUME: R,
|
|
17
|
+
INVERT_COLORS: L,
|
|
18
|
+
JUMP_TO_PERCENTAGE: N,
|
|
19
|
+
JUMP_TO_START: a,
|
|
20
|
+
KEYBOARD_SHORTCUTS: U,
|
|
21
|
+
LANGUAGE: G,
|
|
22
|
+
LEFT_ARROW: I,
|
|
23
|
+
MUTED: r,
|
|
24
|
+
NEXT_CAPTION_LANGUAGE: D,
|
|
25
|
+
OFF: l,
|
|
26
|
+
ON_TOP: u,
|
|
27
|
+
PLAYBACK_SPEED: p,
|
|
28
|
+
PLAYBACK_SPEED_MESSAGE: M,
|
|
29
|
+
PREVIOUS_CAPTION_LANGUAGE: K,
|
|
30
|
+
QUALITY: g,
|
|
31
|
+
RESET_PLAYBACK_SPEED: B,
|
|
32
|
+
RIGHT_ARROW: F,
|
|
33
|
+
SEEK_BACKWARD: d,
|
|
34
|
+
SEEK_FORWARD: Y,
|
|
35
|
+
SETTINGS: i,
|
|
36
|
+
SHORTCUT: W,
|
|
37
|
+
SPACE: V,
|
|
38
|
+
TOGGLE_CAPTIONS: y,
|
|
39
|
+
TOGGLE_MUTED: b,
|
|
40
|
+
TOGGLE_PLAY_PAUSE: k,
|
|
41
|
+
UP_ARROW: m,
|
|
42
|
+
VOLUME: w
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
E as ACTION,
|
|
46
|
+
A as AUTO,
|
|
47
|
+
o as BACK,
|
|
48
|
+
e as CAPTIONS,
|
|
49
|
+
t as CAPTION_FONT_SIZE,
|
|
50
|
+
S as CAPTION_LANGUAGE,
|
|
51
|
+
T as CLOSE,
|
|
52
|
+
_ as COMMENTS,
|
|
53
|
+
n as DECREASE_PLAYBACK_SPEED,
|
|
54
|
+
O as DECREASE_VOLUME,
|
|
55
|
+
c as DOWN_ARROW,
|
|
56
|
+
s as ENTER_FULLSCREEN,
|
|
57
|
+
C as EXIT_FULLSCREEN,
|
|
58
|
+
P as INCREASE_PLAYBACK_SPEED,
|
|
59
|
+
R as INCREASE_VOLUME,
|
|
60
|
+
L as INVERT_COLORS,
|
|
61
|
+
N as JUMP_TO_PERCENTAGE,
|
|
62
|
+
a as JUMP_TO_START,
|
|
63
|
+
U as KEYBOARD_SHORTCUTS,
|
|
64
|
+
G as LANGUAGE,
|
|
65
|
+
I as LEFT_ARROW,
|
|
66
|
+
r as MUTED,
|
|
67
|
+
D as NEXT_CAPTION_LANGUAGE,
|
|
68
|
+
l as OFF,
|
|
69
|
+
u as ON_TOP,
|
|
70
|
+
p as PLAYBACK_SPEED,
|
|
71
|
+
M as PLAYBACK_SPEED_MESSAGE,
|
|
72
|
+
K as PREVIOUS_CAPTION_LANGUAGE,
|
|
73
|
+
g as QUALITY,
|
|
74
|
+
B as RESET_PLAYBACK_SPEED,
|
|
75
|
+
F as RIGHT_ARROW,
|
|
76
|
+
d as SEEK_BACKWARD,
|
|
77
|
+
Y as SEEK_FORWARD,
|
|
78
|
+
i as SETTINGS,
|
|
79
|
+
W as SHORTCUT,
|
|
80
|
+
V as SPACE,
|
|
81
|
+
y as TOGGLE_CAPTIONS,
|
|
82
|
+
b as TOGGLE_MUTED,
|
|
83
|
+
k as TOGGLE_PLAY_PAUSE,
|
|
84
|
+
m as UP_ARROW,
|
|
85
|
+
w as VOLUME,
|
|
86
|
+
f as default
|
|
87
|
+
};
|
package/dist/i18n.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._root_zdwuq_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 500px) and (height <= 300px){._root_zdwuq_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_zdwuq_1{background-color:#000}._left-controls_zdwuq_27{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_zdwuq_33{display:flex;gap:.25rem;grid-area:right-controls}._indicators_zdwuq_39{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_zdwuq_39{font-size:1rem}}@container player (width >= 500px) and (height <= 300px){div._normal-timeline_zdwuq_48{display:none}}div._compact-timeline_zdwuq_54{display:none}@container player (width >= 500px) and (height <= 300px){div._compact-timeline_zdwuq_54{display:flex}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_rqjaq_1,._menu-options_rqjaq_6{display:flex;flex-direction:column}._menu-heading_rqjaq_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_rqjaq_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_rqjaq_33{display:block}._menu-item_rqjaq_33{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:1rem;line-height:1.5;font-family:inherit}._menu-item_rqjaq_33:hover,._menu-item_rqjaq_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_rqjaq_33[aria-checked=true] ._check-icon_rqjaq_27{visibility:visible}._menu-back-button_rqjaq_65{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-back-button_rqjaq_65:hover,._menu-back-button_rqjaq_65:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._switch-track_8rjat_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_8rjat_11{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_8rjat_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_8rjat_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_8rjat_31[aria-checked=true] ._switch-track_8rjat_1{background-color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-icon_8rjat_25{color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-thumb_8rjat_11{transform:translate(1rem,.125rem)}._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible) ._switch-track_8rjat_1{background-color:#e8e8e8}._switch-label_8rjat_68{flex-grow:1}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_v4lbu_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_v4lbu_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}._keyboard-shortcuts-overlay_uwwbr_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center}._keyboard-shortcuts-overlay_uwwbr_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_uwwbr_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_uwwbr_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:1rem}}._keyboard-shortcuts-button_uwwbr_67{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_uwwbr_67:focus-visible{opacity:1}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_uwwbr_67{display:none}._close-button_uwwbr_91{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}@media (max-width: 425px){button._play-pause-button_1owe7_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_xbovu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px){._small-layout-overlay_xbovu_1{visibility:visible}}._small-layout-button_xbovu_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_xbovu_24,._small-layout-icon-pause_xbovu_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_xbovu_36{display:none}[data-fullscreen] ._full-screen-close-icon_xbovu_36{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer}[data-fullscreen][data-playing] ._full-screen-close-icon_xbovu_36,[data-media-player][data-playing] ._small-layout-button_xbovu_14{animation:_fade-out_xbovu_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_xbovu_24,[data-media-player][data-paused] ._small-layout-icon-pause_xbovu_30{display:none}@keyframes _fade-out_xbovu_1{0%{opacity:1}to{opacity:0}}._time-indicator_1wsym_1{display:flex;color:#556572}[data-fullscreen] ._time-indicator_1wsym_1{color:#fff}._timeline-wrapper_j9z56_1{display:flex;align-items:center;padding:0 var(--spacing-1);grid-area:slider}._track_j9z56_8{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_j9z56_19{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_j9z56_33{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_j9z56_33[data-active] ._track_j9z56_8{border-radius:var(--radius-2);height:.625rem}._root_j9z56_33[data-focus] ._track_j9z56_8{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_j9z56_33[data-active] ._thumb_j9z56_19{opacity:1}._track-inner_j9z56_63{position:absolute;will-change:width;height:100%}._progress_j9z56_69{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_j9z56_75{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_j9z56_33) ._track_j9z56_8{background-color:#333}:is([data-fullscreen] ._root_j9z56_33) ._progress_j9z56_69{background-color:#666}._wrapper_ulntk_1{display:flex;align-items:center}._track_ulntk_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_ulntk_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_ulntk_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}[data-fullscreen] ._track_ulntk_6{background-color:#666}[data-fullscreen] ._track-fill_ulntk_32,[data-fullscreen] ._thumb_ulntk_18{background-color:#f5f5f5}._root_ulntk_50{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_ulntk_50{display:none}}._root_ulntk_50[data-active] ._track_ulntk_6{border-radius:.125rem;height:.3125rem}._root_ulntk_50[data-focus]{outline:none}._root_ulntk_50[data-focus] ._track_ulntk_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_ulntk_50[data-active] ._thumb_ulntk_18{opacity:1}._wrapper_ulntk_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--settings-media-hover-bg-color: rgb(43 122 188);--settings-media-submenu-hint-color: var(--settings-submenu-color);--captions-background-color: rgba(22 22 22 / .75);--captions-color: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}[data-fullscreen] .controls-button-icon{color:#fff}[data-fullscreen] .controls-button[data-hover],[data-fullscreen] .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}
|
|
1
|
+
._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._comments-overlay_agbjl_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-1);display:flex;align-items:end}._comments-container_agbjl_9{display:flex;flex-direction:column;gap:.25rem;width:15.625rem}@container player (width >= 900px) and (height >= 640px){._comments-container_agbjl_9{width:23.4375rem}}@media (hover: none) and (orientation: portrait) and (max-width: 720px){[data-fullscreen] ._comments-overlay_agbjl_1{justify-content:end}}._comment_agbjl_1{display:grid;grid-template-areas:"avatar text";grid-template-columns:auto 1fr;align-items:center;padding:var(--spacing-1);gap:var(--spacing-1);border-radius:var(--radius-2);background-color:var(--comments-background-color);cursor:pointer}@container player (width >= 720px) and (height >= 540px){._comment_agbjl_1{grid-template-areas:"text text" "avatar name"}}._comment-text_agbjl_44{grid-area:text;color:var(--comments-color);font-size:var(--comments-font-size-small);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;-webkit-user-select:none;user-select:none}@container player (height >= 400px){._comment-text_agbjl_44{-webkit-line-clamp:2;line-clamp:2}}@container player (width >= 900px) and (height >= 640px){._comment-text_agbjl_44{font-size:var(--comments-font-size-normal)}}._comment-author-avatar_agbjl_67{grid-area:avatar;box-sizing:border-box;display:inline-block;object-fit:cover;width:1.25rem;height:1.25rem;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;contain:paint}@container player (width >= 900px) and (height >= 640px){._comment-author-avatar_agbjl_67{width:1.875rem;height:1.875rem}}._comment-author-name_agbjl_86{grid-area:name;color:var(--comments-author-color);font-size:var(--comments-font-size-small);font-weight:700;line-height:1.5;display:none}@container player (width >= 720px) and (height >= 540px){._comment-author-name_agbjl_86{display:inline}}@container player (width >= 900px) and (height >= 640px){._comment-author-name_agbjl_86{font-size:var(--comments-font-size-normal)}}._root_zdwuq_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 500px) and (height <= 300px){._root_zdwuq_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_zdwuq_1{background-color:#000}._left-controls_zdwuq_27{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_zdwuq_33{display:flex;gap:.25rem;grid-area:right-controls}._indicators_zdwuq_39{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_zdwuq_39{font-size:1rem}}@container player (width >= 500px) and (height <= 300px){div._normal-timeline_zdwuq_48{display:none}}div._compact-timeline_zdwuq_54{display:none}@container player (width >= 500px) and (height <= 300px){div._compact-timeline_zdwuq_54{display:flex}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._switch-track_vptv3_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_vptv3_11{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_vptv3_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_vptv3_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_vptv3_31[aria-checked=true] ._switch-track_vptv3_1{background-color:#03893d}._switch-body_vptv3_31[aria-checked=true] ._switch-icon_vptv3_25{color:#03893d}._switch-body_vptv3_31[aria-checked=true] ._switch-thumb_vptv3_11{transform:translate(1rem,.125rem)}._switch-body_vptv3_31:hover,._switch-body_vptv3_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_vptv3_31:hover,._switch-body_vptv3_31:focus-visible) ._switch-track_vptv3_1{background-color:#e8e8e8}._switch-label_vptv3_68{flex-grow:1}._menu-icon_vptv3_72{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_1bjr3_1,._menu-options_1bjr3_6{display:flex;flex-direction:column}._menu-heading_1bjr3_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_1bjr3_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_1bjr3_33{display:block}._menu-item_1bjr3_33{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:1rem;line-height:1.5;font-family:inherit;color:inherit}._menu-item_1bjr3_33:hover,._menu-item_1bjr3_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_1bjr3_33[aria-checked=true] ._check-icon_1bjr3_27{visibility:visible}._menu-back-button_1bjr3_66{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-back-button_1bjr3_66:hover,._menu-back-button_1bjr3_66:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_v4lbu_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_v4lbu_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}._keyboard-shortcuts-overlay_y5kv6_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center}._keyboard-shortcuts-overlay_y5kv6_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_y5kv6_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_y5kv6_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_y5kv6_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_y5kv6_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_y5kv6_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_y5kv6_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_y5kv6_1 table) th,:is(._keyboard-shortcuts-overlay_y5kv6_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_y5kv6_1 table) th,:is(._keyboard-shortcuts-overlay_y5kv6_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_y5kv6_1 table) th,:is(._keyboard-shortcuts-overlay_y5kv6_1 table) td{font-size:1rem}}._keyboard-shortcuts-button_y5kv6_67{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;pointer-events:none;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_y5kv6_67:focus-visible{opacity:1;pointer-events:auto}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_y5kv6_67{display:none}._close-button_y5kv6_93{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}@media (max-width: 425px) and (hover: none){button._play-pause-button_kyuc5_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_1vli4_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px) and (hover: none){._small-layout-overlay_1vli4_1{visibility:visible}}._small-layout-button_1vli4_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_1vli4_24,._small-layout-icon-pause_1vli4_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_1vli4_36{display:none}[data-fullscreen] ._full-screen-close-icon_1vli4_36{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}[data-fullscreen][data-playing] ._full-screen-close-icon_1vli4_36,[data-media-player][data-playing] ._small-layout-button_1vli4_14{animation:_fade-out_1vli4_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_1vli4_24,[data-media-player][data-paused] ._small-layout-icon-pause_1vli4_30{display:none}@keyframes _fade-out_1vli4_1{0%{opacity:1}to{opacity:0}}._time-indicator_1ght2_1{display:flex;color:#556572;-webkit-user-select:none;user-select:none}[data-fullscreen] ._time-indicator_1ght2_1{color:#fff}._comment-markers_1xw2k_1{display:flex;position:relative;width:100%;height:.375rem;-webkit-user-select:none;user-select:none;pointer-events:none}@container player (width >= 500px) and (height <= 300px){._comment-markers_1xw2k_1{display:none}}._comment-marker_1xw2k_1{position:absolute;height:100%;background:linear-gradient(90deg,#2b7abc,#abd9ff);border-radius:.125rem}._timeline-wrapper_1xw2k_21{display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-1);grid-area:slider;padding-bottom:.375rem}._timeline-wrapper_1xw2k_21:has(._comment-markers_1xw2k_1){padding-bottom:0}._track_1xw2k_34{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_1xw2k_47{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_1xw2k_61{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_1xw2k_61[data-active] ._track_1xw2k_34{border-radius:var(--radius-2);height:.625rem}._root_1xw2k_61[data-focus] ._track_1xw2k_34{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_1xw2k_61[data-active] ._thumb_1xw2k_47{opacity:1}._track-inner_1xw2k_91{position:absolute;will-change:width;height:100%}._progress_1xw2k_97{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_1xw2k_103{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_1xw2k_61) ._track_1xw2k_34{background-color:#333}:is([data-fullscreen] ._root_1xw2k_61) ._progress_1xw2k_97{background-color:#666}._wrapper_d2nt6_1{display:flex;align-items:center}._track_d2nt6_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_d2nt6_16{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_d2nt6_30{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}[data-fullscreen] ._track_d2nt6_6{background-color:#666}[data-fullscreen] ._track-fill_d2nt6_30,[data-fullscreen] ._thumb_d2nt6_16{background-color:#f5f5f5}._root_d2nt6_48{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_d2nt6_48{display:none}}._root_d2nt6_48[data-active] ._track_d2nt6_6{border-radius:.125rem;height:.3125rem}._root_d2nt6_48[data-focus]{outline:none}._root_d2nt6_48[data-focus] ._track_d2nt6_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_d2nt6_48[data-active] ._thumb_d2nt6_16{opacity:1}._wrapper_d2nt6_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--settings-media-hover-bg-color: rgb(43 122 188);--settings-media-submenu-hint-color: var(--settings-submenu-color);--captions-background-color: rgba(22 22 22 / .75);--captions-color: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--comments-background-color: rgba(0 0 0 / .8);--comments-color: white;--comments-font-size-small: .75rem;--comments-font-size-normal: .875rem;--comments-author-color: #c7cdd1;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}[data-fullscreen] .controls-button-icon{color:#fff}[data-fullscreen] .controls-button[data-hover],[data-fullscreen] .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
const E = "qeq", A = "jIghoS ({{quality}})p", I = "qa' yIbuS", S = "lo'ta'", _ = "yIngwIj Hol: {{language}}", T = "yIngwIj", o = "chaw'", O = "qechmey", n = "yIjDu' qachDaq jIqeq", t = "tInwIj qachDaq HablI' veS", R = "SoQmey 'ugh", c = "nIvbogh jIpIj", C = "jIqeqpuma' jIpIj", P = "yIjDu' qachDaq Qab", s = "tInwIj qachDaq Qab", L = "lujmuS mewbeH", N = "jItuvHa'wI' (1-10%, 2-20%, ghob)", U = "yItlhutlhmeH jIjlo'", D = "pu'chuqHom nIHneHmey", G = "Hol", e = "chay' SoQ", a = "batlh", q = "qel yIngwIj Hol", j = "Hoch", u = "QI'ta' qorDaq", H = "yIjDu' veS", h = "yIjDu' veS: {{speed}}x", y = "yIngwIj Hol tInmoH", K = "HIQ", M = "yIjDu' qachDaq reset", l = "SoQmey 'ugh", m = "Hovmey yIbuS: {{seconds}}", B = "yIbuS: {{seconds}}", Y = "nIvbogh", g = "pu'chuqHom", w = "mIw", F = "yIngwIj lo'ta' nIbuS", W = "mIw tImlaw'", b = "qeq je muSmeH nIvbogh", Q = "QoQ SoQ", V = "tInwIj: {{volume}}%", v = {
|
|
2
|
+
ACTION: E,
|
|
3
|
+
AUTO: A,
|
|
4
|
+
BACK: I,
|
|
5
|
+
CAPTION_FONT_SIZE: S,
|
|
6
|
+
CAPTION_LANGUAGE: _,
|
|
7
|
+
CAPTIONS: T,
|
|
8
|
+
CLOSE: o,
|
|
9
|
+
COMMENTS: O,
|
|
10
|
+
DECREASE_PLAYBACK_SPEED: n,
|
|
11
|
+
DECREASE_VOLUME: t,
|
|
12
|
+
DOWN_ARROW: R,
|
|
13
|
+
ENTER_FULLSCREEN: c,
|
|
14
|
+
EXIT_FULLSCREEN: C,
|
|
15
|
+
INCREASE_PLAYBACK_SPEED: P,
|
|
16
|
+
INCREASE_VOLUME: s,
|
|
17
|
+
INVERT_COLORS: L,
|
|
18
|
+
JUMP_TO_PERCENTAGE: N,
|
|
19
|
+
JUMP_TO_START: U,
|
|
20
|
+
KEYBOARD_SHORTCUTS: D,
|
|
21
|
+
LANGUAGE: G,
|
|
22
|
+
LEFT_ARROW: e,
|
|
23
|
+
MUTED: a,
|
|
24
|
+
NEXT_CAPTION_LANGUAGE: q,
|
|
25
|
+
OFF: j,
|
|
26
|
+
ON_TOP: u,
|
|
27
|
+
PLAYBACK_SPEED: H,
|
|
28
|
+
PLAYBACK_SPEED_MESSAGE: h,
|
|
29
|
+
PREVIOUS_CAPTION_LANGUAGE: y,
|
|
30
|
+
QUALITY: K,
|
|
31
|
+
RESET_PLAYBACK_SPEED: M,
|
|
32
|
+
RIGHT_ARROW: l,
|
|
33
|
+
SEEK_BACKWARD: m,
|
|
34
|
+
SEEK_FORWARD: B,
|
|
35
|
+
SETTINGS: Y,
|
|
36
|
+
SHORTCUT: g,
|
|
37
|
+
SPACE: w,
|
|
38
|
+
TOGGLE_CAPTIONS: F,
|
|
39
|
+
TOGGLE_MUTED: W,
|
|
40
|
+
TOGGLE_PLAY_PAUSE: b,
|
|
41
|
+
UP_ARROW: Q,
|
|
42
|
+
VOLUME: V
|
|
43
|
+
};
|
|
44
|
+
export {
|
|
45
|
+
E as ACTION,
|
|
46
|
+
A as AUTO,
|
|
47
|
+
I as BACK,
|
|
48
|
+
T as CAPTIONS,
|
|
49
|
+
S as CAPTION_FONT_SIZE,
|
|
50
|
+
_ as CAPTION_LANGUAGE,
|
|
51
|
+
o as CLOSE,
|
|
52
|
+
O as COMMENTS,
|
|
53
|
+
n as DECREASE_PLAYBACK_SPEED,
|
|
54
|
+
t as DECREASE_VOLUME,
|
|
55
|
+
R as DOWN_ARROW,
|
|
56
|
+
c as ENTER_FULLSCREEN,
|
|
57
|
+
C as EXIT_FULLSCREEN,
|
|
58
|
+
P as INCREASE_PLAYBACK_SPEED,
|
|
59
|
+
s as INCREASE_VOLUME,
|
|
60
|
+
L as INVERT_COLORS,
|
|
61
|
+
N as JUMP_TO_PERCENTAGE,
|
|
62
|
+
U as JUMP_TO_START,
|
|
63
|
+
D as KEYBOARD_SHORTCUTS,
|
|
64
|
+
G as LANGUAGE,
|
|
65
|
+
e as LEFT_ARROW,
|
|
66
|
+
a as MUTED,
|
|
67
|
+
q as NEXT_CAPTION_LANGUAGE,
|
|
68
|
+
j as OFF,
|
|
69
|
+
u as ON_TOP,
|
|
70
|
+
H as PLAYBACK_SPEED,
|
|
71
|
+
h as PLAYBACK_SPEED_MESSAGE,
|
|
72
|
+
y as PREVIOUS_CAPTION_LANGUAGE,
|
|
73
|
+
K as QUALITY,
|
|
74
|
+
M as RESET_PLAYBACK_SPEED,
|
|
75
|
+
l as RIGHT_ARROW,
|
|
76
|
+
m as SEEK_BACKWARD,
|
|
77
|
+
B as SEEK_FORWARD,
|
|
78
|
+
Y as SETTINGS,
|
|
79
|
+
g as SHORTCUT,
|
|
80
|
+
w as SPACE,
|
|
81
|
+
F as TOGGLE_CAPTIONS,
|
|
82
|
+
W as TOGGLE_MUTED,
|
|
83
|
+
b as TOGGLE_PLAY_PAUSE,
|
|
84
|
+
Q as UP_ARROW,
|
|
85
|
+
V as VOLUME,
|
|
86
|
+
v as default
|
|
87
|
+
};
|