@locpd/vidstack 1.12.14 → 1.12.15
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/analyze.json +15936 -0
- package/elements.json +57 -0
- package/package.json +1 -1
- package/solid.d.ts +2372 -0
- package/svelte.d.ts +2371 -0
- package/vscode.html-data.json +3678 -0
- package/vue.d.ts +1215 -0
|
@@ -0,0 +1,3678 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 1.1,
|
|
3
|
+
"tags": [
|
|
4
|
+
{
|
|
5
|
+
"name": "media-announcer",
|
|
6
|
+
"attributes": [
|
|
7
|
+
{
|
|
8
|
+
"name": "translations",
|
|
9
|
+
"references": []
|
|
10
|
+
}
|
|
11
|
+
],
|
|
12
|
+
"references": [
|
|
13
|
+
{
|
|
14
|
+
"name": "Documentation",
|
|
15
|
+
"url": "https://www.vidstack.io/docs/player/components/display/announcer"
|
|
16
|
+
}
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "media-airplay-button",
|
|
21
|
+
"description": "A button for requesting remote playback via Apple AirPlay.",
|
|
22
|
+
"attributes": [
|
|
23
|
+
{
|
|
24
|
+
"name": "disabled",
|
|
25
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
26
|
+
"references": []
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"references": [
|
|
30
|
+
{
|
|
31
|
+
"name": "Documentation",
|
|
32
|
+
"url": "https://www.apple.com/au/airplay"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"name": "Documentation",
|
|
36
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/airplay-button"
|
|
37
|
+
}
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"name": "media-caption-button",
|
|
42
|
+
"description": "A button for toggling the showing state of the captions.",
|
|
43
|
+
"attributes": [
|
|
44
|
+
{
|
|
45
|
+
"name": "disabled",
|
|
46
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
47
|
+
"references": []
|
|
48
|
+
}
|
|
49
|
+
],
|
|
50
|
+
"references": [
|
|
51
|
+
{
|
|
52
|
+
"name": "Documentation",
|
|
53
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/caption-button"
|
|
54
|
+
}
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "media-fullscreen-button",
|
|
59
|
+
"description": "A button for toggling the fullscreen mode of the player.",
|
|
60
|
+
"attributes": [
|
|
61
|
+
{
|
|
62
|
+
"name": "target",
|
|
63
|
+
"description": "The target element on which to request fullscreen on. The target can be `media`\n(i.e., `<media-player>`) or `provider`. The `prefer-media` option will first see if the native\nfullscreen API is available, if not it'll try the media provider.",
|
|
64
|
+
"values": [
|
|
65
|
+
{
|
|
66
|
+
"name": "prefer-media"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"name": "media"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "provider"
|
|
73
|
+
}
|
|
74
|
+
],
|
|
75
|
+
"references": []
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "disabled",
|
|
79
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
80
|
+
"references": []
|
|
81
|
+
}
|
|
82
|
+
],
|
|
83
|
+
"references": [
|
|
84
|
+
{
|
|
85
|
+
"name": "Documentation",
|
|
86
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/fullscreen-button"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"name": "Documentation",
|
|
90
|
+
"url": "https://www.vidstack.io/docs/player/api/fullscreen"
|
|
91
|
+
}
|
|
92
|
+
]
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "media-google-cast-button",
|
|
96
|
+
"description": "A button for requesting remote playback via Google Cast.",
|
|
97
|
+
"attributes": [
|
|
98
|
+
{
|
|
99
|
+
"name": "disabled",
|
|
100
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
101
|
+
"references": []
|
|
102
|
+
}
|
|
103
|
+
],
|
|
104
|
+
"references": [
|
|
105
|
+
{
|
|
106
|
+
"name": "Documentation",
|
|
107
|
+
"url": "https://developers.google.com/cast/docs/overview"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"name": "Documentation",
|
|
111
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/google-cast-button"
|
|
112
|
+
}
|
|
113
|
+
]
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"name": "media-live-button",
|
|
117
|
+
"description": "This component displays the current live status of the stream. This includes whether it's\nlive, at the live edge, or not live. In addition, when this button is pressed it will skip\nahead to the live edge.",
|
|
118
|
+
"attributes": [
|
|
119
|
+
{
|
|
120
|
+
"name": "disabled",
|
|
121
|
+
"description": "Whether the button should be disabled (non-interactive). This will prevent seeking to the\nlive edge when pressed.",
|
|
122
|
+
"references": []
|
|
123
|
+
}
|
|
124
|
+
],
|
|
125
|
+
"references": [
|
|
126
|
+
{
|
|
127
|
+
"name": "Documentation",
|
|
128
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/live-button"
|
|
129
|
+
}
|
|
130
|
+
]
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"name": "media-mute-button",
|
|
134
|
+
"description": "A button for toggling the muted state of the player.",
|
|
135
|
+
"attributes": [
|
|
136
|
+
{
|
|
137
|
+
"name": "disabled",
|
|
138
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
139
|
+
"references": []
|
|
140
|
+
}
|
|
141
|
+
],
|
|
142
|
+
"references": [
|
|
143
|
+
{
|
|
144
|
+
"name": "Documentation",
|
|
145
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/mute-button"
|
|
146
|
+
}
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"name": "media-pip-button",
|
|
151
|
+
"description": "A button for toggling the picture-in-picture (PIP) mode of the player.",
|
|
152
|
+
"attributes": [
|
|
153
|
+
{
|
|
154
|
+
"name": "disabled",
|
|
155
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
156
|
+
"references": []
|
|
157
|
+
}
|
|
158
|
+
],
|
|
159
|
+
"references": [
|
|
160
|
+
{
|
|
161
|
+
"name": "Documentation",
|
|
162
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/pip-button"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"name": "Documentation",
|
|
166
|
+
"url": "https://www.vidstack.io/docs/player/api/picture-in-picture"
|
|
167
|
+
}
|
|
168
|
+
]
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"name": "media-play-button",
|
|
172
|
+
"description": "A button for toggling the playback state (play/pause) of the current media.",
|
|
173
|
+
"attributes": [
|
|
174
|
+
{
|
|
175
|
+
"name": "disabled",
|
|
176
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
177
|
+
"references": []
|
|
178
|
+
}
|
|
179
|
+
],
|
|
180
|
+
"references": [
|
|
181
|
+
{
|
|
182
|
+
"name": "Documentation",
|
|
183
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/play-button"
|
|
184
|
+
}
|
|
185
|
+
]
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "media-seek-button",
|
|
189
|
+
"description": "A button for seeking the current media playback forwards or backwards by a specified amount.",
|
|
190
|
+
"attributes": [
|
|
191
|
+
{
|
|
192
|
+
"name": "disabled",
|
|
193
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
194
|
+
"references": []
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "seconds",
|
|
198
|
+
"description": "The amount to seek the media playback forwards (positive number) or backwards (negative number)\nwhen the seek button is pressed.",
|
|
199
|
+
"references": []
|
|
200
|
+
}
|
|
201
|
+
],
|
|
202
|
+
"references": [
|
|
203
|
+
{
|
|
204
|
+
"name": "Documentation",
|
|
205
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/seek-button"
|
|
206
|
+
}
|
|
207
|
+
]
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"name": "media-toggle-button",
|
|
211
|
+
"description": "A toggle button is a two-state button that can be either off (not pressed) or on (pressed).",
|
|
212
|
+
"attributes": [
|
|
213
|
+
{
|
|
214
|
+
"name": "default-pressed",
|
|
215
|
+
"description": "Whether it should start in the on (pressed) state.",
|
|
216
|
+
"references": []
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "disabled",
|
|
220
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
221
|
+
"references": []
|
|
222
|
+
}
|
|
223
|
+
],
|
|
224
|
+
"references": [
|
|
225
|
+
{
|
|
226
|
+
"name": "Documentation",
|
|
227
|
+
"url": "https://www.vidstack.io/docs/player/components/buttons/toggle-button"
|
|
228
|
+
}
|
|
229
|
+
]
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"name": "media-captions",
|
|
233
|
+
"description": "Renders and displays captions/subtitles. This will be an overlay for video and a simple\ncaptions box for audio.",
|
|
234
|
+
"attributes": [
|
|
235
|
+
{
|
|
236
|
+
"name": "text-dir",
|
|
237
|
+
"values": [
|
|
238
|
+
{
|
|
239
|
+
"name": "ltr"
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"name": "rtl"
|
|
243
|
+
}
|
|
244
|
+
],
|
|
245
|
+
"references": []
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "example-text",
|
|
249
|
+
"description": "The text to be displayed when an example caption is being shown.",
|
|
250
|
+
"references": []
|
|
251
|
+
}
|
|
252
|
+
],
|
|
253
|
+
"references": [
|
|
254
|
+
{
|
|
255
|
+
"name": "Documentation",
|
|
256
|
+
"url": "https://www.vidstack.io/docs/player/components/display/captions"
|
|
257
|
+
}
|
|
258
|
+
]
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"name": "media-chapter-title",
|
|
262
|
+
"attributes": [
|
|
263
|
+
{
|
|
264
|
+
"name": "default-text",
|
|
265
|
+
"description": "Specify text to be displayed when no chapter title is available.",
|
|
266
|
+
"references": []
|
|
267
|
+
}
|
|
268
|
+
],
|
|
269
|
+
"references": []
|
|
270
|
+
},
|
|
271
|
+
{
|
|
272
|
+
"name": "media-controls",
|
|
273
|
+
"description": "This component creates a container for control groups.",
|
|
274
|
+
"attributes": [
|
|
275
|
+
{
|
|
276
|
+
"name": "hide-delay",
|
|
277
|
+
"description": "The default amount of delay in milliseconds while media playback is progressing without user\nactivity to hide the controls.",
|
|
278
|
+
"references": []
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"name": "hide-on-mouse-leave",
|
|
282
|
+
"description": "Whether controls visibility should be toggled when the mouse enters and leaves the player\ncontainer.",
|
|
283
|
+
"references": []
|
|
284
|
+
}
|
|
285
|
+
],
|
|
286
|
+
"references": [
|
|
287
|
+
{
|
|
288
|
+
"name": "Documentation",
|
|
289
|
+
"url": "https://www.vidstack.io/docs/player/components/media/controls"
|
|
290
|
+
}
|
|
291
|
+
]
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"name": "media-controls-group",
|
|
295
|
+
"description": "This component creates a container for media controls.",
|
|
296
|
+
"attributes": [],
|
|
297
|
+
"references": [
|
|
298
|
+
{
|
|
299
|
+
"name": "Documentation",
|
|
300
|
+
"url": "https://www.vidstack.io/docs/player/components/media/controls#group"
|
|
301
|
+
}
|
|
302
|
+
]
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"name": "media-gesture",
|
|
306
|
+
"description": "This component enables actions to be performed on the media based on user gestures.",
|
|
307
|
+
"attributes": [
|
|
308
|
+
{
|
|
309
|
+
"name": "disabled",
|
|
310
|
+
"description": "Whether this gesture should not be triggered.",
|
|
311
|
+
"references": []
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"name": "event",
|
|
315
|
+
"description": "The DOM event type that will trigger this gesture. It can be any valid DOM event type. Any\nevent can be prefixed with `dbl` to ensure it occurs twice in succession (max 200ms gap).",
|
|
316
|
+
"values": [
|
|
317
|
+
{
|
|
318
|
+
"name": "keyof HTMLElementEventMap"
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"name": "dblended"
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"name": "dblerror"
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"name": "dblplaying"
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"name": "dblseeking"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"name": "dblwaiting"
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"name": "dblplay"
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"name": "dblprogress"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"name": "dblmedia-player-connect"
|
|
343
|
+
},
|
|
344
|
+
{
|
|
345
|
+
"name": "dblfind-media-player"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "dblfullscreenchange"
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"name": "dblfullscreenerror"
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"name": "dblabort"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"name": "dblanimationcancel"
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"name": "dblanimationend"
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"name": "dblanimationiteration"
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"name": "dblanimationstart"
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"name": "dblauxclick"
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"name": "dblbeforeinput"
|
|
373
|
+
},
|
|
374
|
+
{
|
|
375
|
+
"name": "dblbeforematch"
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"name": "dblbeforetoggle"
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"name": "dblblur"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "dblcancel"
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"name": "dblcanplay"
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
"name": "dblcanplaythrough"
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"name": "dblchange"
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"name": "dblclose"
|
|
397
|
+
},
|
|
398
|
+
{
|
|
399
|
+
"name": "dblcompositionend"
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"name": "dblcompositionstart"
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"name": "dblcompositionupdate"
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"name": "dblcontextlost"
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "dblcontextmenu"
|
|
412
|
+
},
|
|
413
|
+
{
|
|
414
|
+
"name": "dblcontextrestored"
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"name": "dblcopy"
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"name": "dblcuechange"
|
|
421
|
+
},
|
|
422
|
+
{
|
|
423
|
+
"name": "dblcut"
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"name": "dbldblclick"
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"name": "dbldrag"
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"name": "dbldragend"
|
|
433
|
+
},
|
|
434
|
+
{
|
|
435
|
+
"name": "dbldragenter"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"name": "dbldragleave"
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"name": "dbldragover"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "dbldragstart"
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"name": "dbldrop"
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"name": "dbldurationchange"
|
|
451
|
+
},
|
|
452
|
+
{
|
|
453
|
+
"name": "dblemptied"
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
"name": "dblfocus"
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"name": "dblfocusin"
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"name": "dblfocusout"
|
|
463
|
+
},
|
|
464
|
+
{
|
|
465
|
+
"name": "dblformdata"
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"name": "dblgotpointercapture"
|
|
469
|
+
},
|
|
470
|
+
{
|
|
471
|
+
"name": "dblinput"
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"name": "dblinvalid"
|
|
475
|
+
},
|
|
476
|
+
{
|
|
477
|
+
"name": "dblkeydown"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"name": "dblkeypress"
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"name": "dblkeyup"
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"name": "dblload"
|
|
487
|
+
},
|
|
488
|
+
{
|
|
489
|
+
"name": "dblloadeddata"
|
|
490
|
+
},
|
|
491
|
+
{
|
|
492
|
+
"name": "dblloadedmetadata"
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"name": "dblloadstart"
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"name": "dbllostpointercapture"
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"name": "dblmousedown"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"name": "dblmouseenter"
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"name": "dblmouseleave"
|
|
508
|
+
},
|
|
509
|
+
{
|
|
510
|
+
"name": "dblmousemove"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"name": "dblmouseout"
|
|
514
|
+
},
|
|
515
|
+
{
|
|
516
|
+
"name": "dblmouseover"
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"name": "dblmouseup"
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"name": "dblpaste"
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"name": "dblpause"
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"name": "dblpointercancel"
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"name": "dblpointerdown"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"name": "dblpointerenter"
|
|
535
|
+
},
|
|
536
|
+
{
|
|
537
|
+
"name": "dblpointerleave"
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"name": "dblpointermove"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"name": "dblpointerout"
|
|
544
|
+
},
|
|
545
|
+
{
|
|
546
|
+
"name": "dblpointerover"
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"name": "dblpointerrawupdate"
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"name": "dblpointerup"
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"name": "dblratechange"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "dblreset"
|
|
559
|
+
},
|
|
560
|
+
{
|
|
561
|
+
"name": "dblresize"
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"name": "dblscroll"
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"name": "dblscrollend"
|
|
568
|
+
},
|
|
569
|
+
{
|
|
570
|
+
"name": "dblsecuritypolicyviolation"
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"name": "dblseeked"
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"name": "dblselect"
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"name": "dblselectionchange"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "dblselectstart"
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"name": "dblslotchange"
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"name": "dblstalled"
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "dblsubmit"
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"name": "dblsuspend"
|
|
595
|
+
},
|
|
596
|
+
{
|
|
597
|
+
"name": "dbltimeupdate"
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"name": "dbltoggle"
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"name": "dbltouchcancel"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "dbltouchend"
|
|
607
|
+
},
|
|
608
|
+
{
|
|
609
|
+
"name": "dbltouchmove"
|
|
610
|
+
},
|
|
611
|
+
{
|
|
612
|
+
"name": "dbltouchstart"
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"name": "dbltransitioncancel"
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "dbltransitionend"
|
|
619
|
+
},
|
|
620
|
+
{
|
|
621
|
+
"name": "dbltransitionrun"
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "dbltransitionstart"
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"name": "dblvolumechange"
|
|
628
|
+
},
|
|
629
|
+
{
|
|
630
|
+
"name": "dblwebkitanimationend"
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "dblwebkitanimationiteration"
|
|
634
|
+
},
|
|
635
|
+
{
|
|
636
|
+
"name": "dblwebkitanimationstart"
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "dblwebkittransitionend"
|
|
640
|
+
},
|
|
641
|
+
{
|
|
642
|
+
"name": "dblwheel"
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"name": "dblbeforeunload"
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"name": "dblpageshow"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"name": "dblpagehide"
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "dblvisibilitychange"
|
|
655
|
+
},
|
|
656
|
+
{
|
|
657
|
+
"name": "dblenterpictureinpicture"
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"name": "dblleavepictureinpicture"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"name": "dblwebkitpresentationmodechanged"
|
|
664
|
+
},
|
|
665
|
+
{
|
|
666
|
+
"name": "dblvds-log"
|
|
667
|
+
}
|
|
668
|
+
],
|
|
669
|
+
"references": []
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"name": "action",
|
|
673
|
+
"description": "An action describes the type of media request event that will be dispatched, which will\nultimately perform some operation on the player.",
|
|
674
|
+
"values": [
|
|
675
|
+
{
|
|
676
|
+
"name": "play"
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"name": "pause"
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"name": "toggle:controls"
|
|
683
|
+
},
|
|
684
|
+
{
|
|
685
|
+
"name": "toggle:fullscreen"
|
|
686
|
+
},
|
|
687
|
+
{
|
|
688
|
+
"name": "toggle:muted"
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"name": "toggle:paused"
|
|
692
|
+
}
|
|
693
|
+
],
|
|
694
|
+
"references": []
|
|
695
|
+
}
|
|
696
|
+
],
|
|
697
|
+
"references": [
|
|
698
|
+
{
|
|
699
|
+
"name": "Documentation",
|
|
700
|
+
"url": "https://www.vidstack.io/docs/player/components/media/gesture"
|
|
701
|
+
}
|
|
702
|
+
]
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
"name": "media-audio-layout",
|
|
706
|
+
"description": "The audio layout is our production-ready UI that's displayed when the media view type is set to\n'audio'. It includes support for audio tracks, slider chapters, captions, live streams, and much\nmore out of the box.",
|
|
707
|
+
"attributes": [
|
|
708
|
+
{
|
|
709
|
+
"name": "when",
|
|
710
|
+
"description": "Determines when the UI should be displayed.",
|
|
711
|
+
"values": [
|
|
712
|
+
{
|
|
713
|
+
"name": "MediaPlayerQuery"
|
|
714
|
+
}
|
|
715
|
+
],
|
|
716
|
+
"references": []
|
|
717
|
+
},
|
|
718
|
+
{
|
|
719
|
+
"name": "small-when",
|
|
720
|
+
"description": "Determines when the small (e.g., mobile) UI should be displayed.",
|
|
721
|
+
"values": [
|
|
722
|
+
{
|
|
723
|
+
"name": "MediaPlayerQuery"
|
|
724
|
+
}
|
|
725
|
+
],
|
|
726
|
+
"references": []
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"name": "thumbnails",
|
|
730
|
+
"description": "The thumbnails resource.",
|
|
731
|
+
"values": [
|
|
732
|
+
{
|
|
733
|
+
"name": "ThumbnailImageInit[]"
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"name": "ThumbnailStoryboard"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"name": "MuxThumbnailStoryboard"
|
|
740
|
+
}
|
|
741
|
+
],
|
|
742
|
+
"references": [
|
|
743
|
+
{
|
|
744
|
+
"name": "Documentation",
|
|
745
|
+
"url": "https://www.vidstack.io/docs/wc/player/core-concepts/loading#thumbnails"
|
|
746
|
+
}
|
|
747
|
+
]
|
|
748
|
+
},
|
|
749
|
+
{
|
|
750
|
+
"name": "color-scheme",
|
|
751
|
+
"description": "Whether light or dark color theme should be active. Defaults to user operating system\npreference.",
|
|
752
|
+
"values": [
|
|
753
|
+
{
|
|
754
|
+
"name": "light"
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"name": "dark"
|
|
758
|
+
},
|
|
759
|
+
{
|
|
760
|
+
"name": "system"
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"name": "default"
|
|
764
|
+
}
|
|
765
|
+
],
|
|
766
|
+
"references": [
|
|
767
|
+
{
|
|
768
|
+
"name": "MDN",
|
|
769
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme"
|
|
770
|
+
}
|
|
771
|
+
]
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
"name": "download",
|
|
775
|
+
"description": "Sets the download URL and filename for the download button.",
|
|
776
|
+
"values": [],
|
|
777
|
+
"references": []
|
|
778
|
+
},
|
|
779
|
+
{
|
|
780
|
+
"name": "custom-icons",
|
|
781
|
+
"description": "Whether the default icons should _not_ be loaded. Set this to `true` when providing your own\nicons.",
|
|
782
|
+
"references": []
|
|
783
|
+
},
|
|
784
|
+
{
|
|
785
|
+
"name": "translations",
|
|
786
|
+
"description": "Translation map from english to your desired language for words used throughout the layout.",
|
|
787
|
+
"references": []
|
|
788
|
+
},
|
|
789
|
+
{
|
|
790
|
+
"name": "menu-container",
|
|
791
|
+
"description": "A document query selector string or `HTMLElement` to mount the menu container inside. Defaults\nto `document.body` when set to `null`.",
|
|
792
|
+
"values": [
|
|
793
|
+
{
|
|
794
|
+
"name": "HTMLElement"
|
|
795
|
+
}
|
|
796
|
+
],
|
|
797
|
+
"references": []
|
|
798
|
+
},
|
|
799
|
+
{
|
|
800
|
+
"name": "menu-group",
|
|
801
|
+
"description": "Specifies whether menu buttons should be placed in the top or bottom controls group. This\nonly applies to the large video layout.",
|
|
802
|
+
"values": [
|
|
803
|
+
{
|
|
804
|
+
"name": "top"
|
|
805
|
+
},
|
|
806
|
+
{
|
|
807
|
+
"name": "bottom"
|
|
808
|
+
}
|
|
809
|
+
],
|
|
810
|
+
"references": []
|
|
811
|
+
},
|
|
812
|
+
{
|
|
813
|
+
"name": "no-audio-gain",
|
|
814
|
+
"description": "Disable audio boost slider in the settings menu.",
|
|
815
|
+
"references": []
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"name": "no-modal",
|
|
819
|
+
"description": "Whether modal menus should be disabled when the small layout is active. A modal menu is\na floating panel that floats up from the bottom of the screen (outside of the player). It's\nenabled by default as it provides a better user experience for touch devices.",
|
|
820
|
+
"references": []
|
|
821
|
+
},
|
|
822
|
+
{
|
|
823
|
+
"name": "no-scrub-gesture",
|
|
824
|
+
"description": "Whether to disable scrubbing by touch swiping left or right on the player canvas.",
|
|
825
|
+
"references": []
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"name": "slider-chapters-min-width",
|
|
829
|
+
"description": "The minimum width of the slider to start displaying slider chapters when available.",
|
|
830
|
+
"references": []
|
|
831
|
+
},
|
|
832
|
+
{
|
|
833
|
+
"name": "disable-time-slider",
|
|
834
|
+
"description": "Whether the time slider should be disabled.",
|
|
835
|
+
"references": []
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"name": "no-gestures",
|
|
839
|
+
"description": "Whether all gestures such as press to play or seek should not be active.",
|
|
840
|
+
"references": []
|
|
841
|
+
},
|
|
842
|
+
{
|
|
843
|
+
"name": "no-keyboard-animations",
|
|
844
|
+
"description": "Whether keyboard actions should not be displayed.",
|
|
845
|
+
"references": []
|
|
846
|
+
},
|
|
847
|
+
{
|
|
848
|
+
"name": "hide-quality-bitrate",
|
|
849
|
+
"description": "Whether the bitrate should be hidden in the settings quality hint.",
|
|
850
|
+
"references": []
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"name": "playback-rates",
|
|
854
|
+
"description": "The playback rate options to be displayed in the settings menu.",
|
|
855
|
+
"values": [],
|
|
856
|
+
"references": []
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"name": "audio-gains",
|
|
860
|
+
"description": "The audio gain options to be displayed in the settings menu.",
|
|
861
|
+
"values": [],
|
|
862
|
+
"references": []
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"name": "seek-step",
|
|
866
|
+
"description": "The number of seconds to seek forward or backward when pressing the seek button or using\nkeyboard shortcuts.",
|
|
867
|
+
"references": []
|
|
868
|
+
}
|
|
869
|
+
],
|
|
870
|
+
"references": []
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"name": "media-video-layout",
|
|
874
|
+
"description": "The video layout is our production-ready UI that's displayed when the media view type is set to\n'video'. It includes support for picture-in-picture, fullscreen, slider chapters, slider\npreviews, captions, audio/quality settings, live streams, and much more out of the box.",
|
|
875
|
+
"attributes": [
|
|
876
|
+
{
|
|
877
|
+
"name": "when",
|
|
878
|
+
"description": "Determines when the UI should be displayed.",
|
|
879
|
+
"values": [
|
|
880
|
+
{
|
|
881
|
+
"name": "MediaPlayerQuery"
|
|
882
|
+
}
|
|
883
|
+
],
|
|
884
|
+
"references": []
|
|
885
|
+
},
|
|
886
|
+
{
|
|
887
|
+
"name": "small-when",
|
|
888
|
+
"description": "Determines when the small (e.g., mobile) UI should be displayed.",
|
|
889
|
+
"values": [
|
|
890
|
+
{
|
|
891
|
+
"name": "MediaPlayerQuery"
|
|
892
|
+
}
|
|
893
|
+
],
|
|
894
|
+
"references": []
|
|
895
|
+
},
|
|
896
|
+
{
|
|
897
|
+
"name": "thumbnails",
|
|
898
|
+
"description": "The thumbnails resource.",
|
|
899
|
+
"values": [
|
|
900
|
+
{
|
|
901
|
+
"name": "ThumbnailImageInit[]"
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"name": "ThumbnailStoryboard"
|
|
905
|
+
},
|
|
906
|
+
{
|
|
907
|
+
"name": "MuxThumbnailStoryboard"
|
|
908
|
+
}
|
|
909
|
+
],
|
|
910
|
+
"references": [
|
|
911
|
+
{
|
|
912
|
+
"name": "Documentation",
|
|
913
|
+
"url": "https://www.vidstack.io/docs/wc/player/core-concepts/loading#thumbnails"
|
|
914
|
+
}
|
|
915
|
+
]
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"name": "color-scheme",
|
|
919
|
+
"description": "Whether light or dark color theme should be active. Defaults to user operating system\npreference.",
|
|
920
|
+
"values": [
|
|
921
|
+
{
|
|
922
|
+
"name": "light"
|
|
923
|
+
},
|
|
924
|
+
{
|
|
925
|
+
"name": "dark"
|
|
926
|
+
},
|
|
927
|
+
{
|
|
928
|
+
"name": "system"
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"name": "default"
|
|
932
|
+
}
|
|
933
|
+
],
|
|
934
|
+
"references": [
|
|
935
|
+
{
|
|
936
|
+
"name": "MDN",
|
|
937
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme"
|
|
938
|
+
}
|
|
939
|
+
]
|
|
940
|
+
},
|
|
941
|
+
{
|
|
942
|
+
"name": "download",
|
|
943
|
+
"description": "Sets the download URL and filename for the download button.",
|
|
944
|
+
"values": [],
|
|
945
|
+
"references": []
|
|
946
|
+
},
|
|
947
|
+
{
|
|
948
|
+
"name": "custom-icons",
|
|
949
|
+
"description": "Whether the default icons should _not_ be loaded. Set this to `true` when providing your own\nicons.",
|
|
950
|
+
"references": []
|
|
951
|
+
},
|
|
952
|
+
{
|
|
953
|
+
"name": "translations",
|
|
954
|
+
"description": "Translation map from english to your desired language for words used throughout the layout.",
|
|
955
|
+
"references": []
|
|
956
|
+
},
|
|
957
|
+
{
|
|
958
|
+
"name": "menu-container",
|
|
959
|
+
"description": "A document query selector string or `HTMLElement` to mount the menu container inside. Defaults\nto `document.body` when set to `null`.",
|
|
960
|
+
"values": [
|
|
961
|
+
{
|
|
962
|
+
"name": "HTMLElement"
|
|
963
|
+
}
|
|
964
|
+
],
|
|
965
|
+
"references": []
|
|
966
|
+
},
|
|
967
|
+
{
|
|
968
|
+
"name": "menu-group",
|
|
969
|
+
"description": "Specifies whether menu buttons should be placed in the top or bottom controls group. This\nonly applies to the large video layout.",
|
|
970
|
+
"values": [
|
|
971
|
+
{
|
|
972
|
+
"name": "top"
|
|
973
|
+
},
|
|
974
|
+
{
|
|
975
|
+
"name": "bottom"
|
|
976
|
+
}
|
|
977
|
+
],
|
|
978
|
+
"references": []
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"name": "no-audio-gain",
|
|
982
|
+
"description": "Disable audio boost slider in the settings menu.",
|
|
983
|
+
"references": []
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"name": "no-modal",
|
|
987
|
+
"description": "Whether modal menus should be disabled when the small layout is active. A modal menu is\na floating panel that floats up from the bottom of the screen (outside of the player). It's\nenabled by default as it provides a better user experience for touch devices.",
|
|
988
|
+
"references": []
|
|
989
|
+
},
|
|
990
|
+
{
|
|
991
|
+
"name": "no-scrub-gesture",
|
|
992
|
+
"description": "Whether to disable scrubbing by touch swiping left or right on the player canvas.",
|
|
993
|
+
"references": []
|
|
994
|
+
},
|
|
995
|
+
{
|
|
996
|
+
"name": "slider-chapters-min-width",
|
|
997
|
+
"description": "The minimum width of the slider to start displaying slider chapters when available.",
|
|
998
|
+
"references": []
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
"name": "disable-time-slider",
|
|
1002
|
+
"description": "Whether the time slider should be disabled.",
|
|
1003
|
+
"references": []
|
|
1004
|
+
},
|
|
1005
|
+
{
|
|
1006
|
+
"name": "no-gestures",
|
|
1007
|
+
"description": "Whether all gestures such as press to play or seek should not be active.",
|
|
1008
|
+
"references": []
|
|
1009
|
+
},
|
|
1010
|
+
{
|
|
1011
|
+
"name": "no-keyboard-animations",
|
|
1012
|
+
"description": "Whether keyboard actions should not be displayed.",
|
|
1013
|
+
"references": []
|
|
1014
|
+
},
|
|
1015
|
+
{
|
|
1016
|
+
"name": "hide-quality-bitrate",
|
|
1017
|
+
"description": "Whether the bitrate should be hidden in the settings quality hint.",
|
|
1018
|
+
"references": []
|
|
1019
|
+
},
|
|
1020
|
+
{
|
|
1021
|
+
"name": "playback-rates",
|
|
1022
|
+
"description": "The playback rate options to be displayed in the settings menu.",
|
|
1023
|
+
"values": [],
|
|
1024
|
+
"references": []
|
|
1025
|
+
},
|
|
1026
|
+
{
|
|
1027
|
+
"name": "audio-gains",
|
|
1028
|
+
"description": "The audio gain options to be displayed in the settings menu.",
|
|
1029
|
+
"values": [],
|
|
1030
|
+
"references": []
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
"name": "seek-step",
|
|
1034
|
+
"description": "The number of seconds to seek forward or backward when pressing the seek button or using\nkeyboard shortcuts.",
|
|
1035
|
+
"references": []
|
|
1036
|
+
}
|
|
1037
|
+
],
|
|
1038
|
+
"references": []
|
|
1039
|
+
},
|
|
1040
|
+
{
|
|
1041
|
+
"name": "media-layout",
|
|
1042
|
+
"attributes": [
|
|
1043
|
+
{
|
|
1044
|
+
"name": "when",
|
|
1045
|
+
"values": [
|
|
1046
|
+
{
|
|
1047
|
+
"name": "MediaPlayerQuery"
|
|
1048
|
+
}
|
|
1049
|
+
],
|
|
1050
|
+
"references": []
|
|
1051
|
+
}
|
|
1052
|
+
],
|
|
1053
|
+
"references": []
|
|
1054
|
+
},
|
|
1055
|
+
{
|
|
1056
|
+
"name": "media-plyr-layout",
|
|
1057
|
+
"attributes": [
|
|
1058
|
+
{
|
|
1059
|
+
"name": "click-to-play",
|
|
1060
|
+
"description": "Press the video container to toggle play/pause.",
|
|
1061
|
+
"references": []
|
|
1062
|
+
},
|
|
1063
|
+
{
|
|
1064
|
+
"name": "click-to-fullscreen",
|
|
1065
|
+
"description": "Double-press the video container to toggle fullscreen.",
|
|
1066
|
+
"references": []
|
|
1067
|
+
},
|
|
1068
|
+
{
|
|
1069
|
+
"name": "controls",
|
|
1070
|
+
"description": "The controls to be included in the layout and their order specified by the position in the\narray.",
|
|
1071
|
+
"references": []
|
|
1072
|
+
},
|
|
1073
|
+
{
|
|
1074
|
+
"name": "custom-icons",
|
|
1075
|
+
"description": "Whether the default icons should _not_ be loaded. Set this to `true` when providing your own\nicons.",
|
|
1076
|
+
"references": []
|
|
1077
|
+
},
|
|
1078
|
+
{
|
|
1079
|
+
"name": "display-duration",
|
|
1080
|
+
"description": "Whether the duration should be displayed. This is ignored if `toggleTime` is `true`.",
|
|
1081
|
+
"references": []
|
|
1082
|
+
},
|
|
1083
|
+
{
|
|
1084
|
+
"name": "download",
|
|
1085
|
+
"description": "Sets the download URL and filename for the download button. The download button must be\nincluded in the `controls` prop for this to take effect.",
|
|
1086
|
+
"values": [],
|
|
1087
|
+
"references": []
|
|
1088
|
+
},
|
|
1089
|
+
{
|
|
1090
|
+
"name": "markers",
|
|
1091
|
+
"description": "Points on the time slider which should be visually marked for the user.",
|
|
1092
|
+
"references": []
|
|
1093
|
+
},
|
|
1094
|
+
{
|
|
1095
|
+
"name": "invert-time",
|
|
1096
|
+
"description": "Display the current time as a countdown rather than an incremental counter.",
|
|
1097
|
+
"references": []
|
|
1098
|
+
},
|
|
1099
|
+
{
|
|
1100
|
+
"name": "thumbnails",
|
|
1101
|
+
"description": "The thumbnails resource.",
|
|
1102
|
+
"values": [
|
|
1103
|
+
{
|
|
1104
|
+
"name": "ThumbnailImageInit[]"
|
|
1105
|
+
},
|
|
1106
|
+
{
|
|
1107
|
+
"name": "ThumbnailStoryboard"
|
|
1108
|
+
},
|
|
1109
|
+
{
|
|
1110
|
+
"name": "MuxThumbnailStoryboard"
|
|
1111
|
+
}
|
|
1112
|
+
],
|
|
1113
|
+
"references": [
|
|
1114
|
+
{
|
|
1115
|
+
"name": "Documentation",
|
|
1116
|
+
"url": "https://www.vidstack.io/docs/wc/player/core-concepts/loading#thumbnails"
|
|
1117
|
+
}
|
|
1118
|
+
]
|
|
1119
|
+
},
|
|
1120
|
+
{
|
|
1121
|
+
"name": "toggle-time",
|
|
1122
|
+
"description": "Allow users to press to toggle the inverted time.",
|
|
1123
|
+
"references": []
|
|
1124
|
+
},
|
|
1125
|
+
{
|
|
1126
|
+
"name": "translations",
|
|
1127
|
+
"description": "Translation map from english to your desired language for words used throughout the layout.",
|
|
1128
|
+
"references": []
|
|
1129
|
+
},
|
|
1130
|
+
{
|
|
1131
|
+
"name": "seek-time",
|
|
1132
|
+
"description": "The time, in seconds, to seek when a user hits fast forward or rewind.",
|
|
1133
|
+
"references": []
|
|
1134
|
+
},
|
|
1135
|
+
{
|
|
1136
|
+
"name": "speed",
|
|
1137
|
+
"description": "The speed options to display in the UI.",
|
|
1138
|
+
"values": [],
|
|
1139
|
+
"references": []
|
|
1140
|
+
}
|
|
1141
|
+
],
|
|
1142
|
+
"references": []
|
|
1143
|
+
},
|
|
1144
|
+
{
|
|
1145
|
+
"name": "media-audio-gain-radio-group",
|
|
1146
|
+
"description": "This component manages audio gain radios.",
|
|
1147
|
+
"attributes": [
|
|
1148
|
+
{
|
|
1149
|
+
"name": "gains",
|
|
1150
|
+
"description": "The audio gain options to be displayed.",
|
|
1151
|
+
"references": []
|
|
1152
|
+
},
|
|
1153
|
+
{
|
|
1154
|
+
"name": "normal-label",
|
|
1155
|
+
"description": "The text to display for disabled audio gain (i.e., audio gain is 1.0).",
|
|
1156
|
+
"references": []
|
|
1157
|
+
}
|
|
1158
|
+
],
|
|
1159
|
+
"references": [
|
|
1160
|
+
{
|
|
1161
|
+
"name": "Documentation",
|
|
1162
|
+
"url": "https://www.vidstack.io/docs/wc/player/components/menu/audio-gain-radio-group"
|
|
1163
|
+
}
|
|
1164
|
+
]
|
|
1165
|
+
},
|
|
1166
|
+
{
|
|
1167
|
+
"name": "media-audio-radio-group",
|
|
1168
|
+
"description": "This component manages audio track radios.",
|
|
1169
|
+
"attributes": [
|
|
1170
|
+
{
|
|
1171
|
+
"name": "empty-label",
|
|
1172
|
+
"description": "The text to display when the are no audio tracks.",
|
|
1173
|
+
"references": []
|
|
1174
|
+
}
|
|
1175
|
+
],
|
|
1176
|
+
"references": [
|
|
1177
|
+
{
|
|
1178
|
+
"name": "Documentation",
|
|
1179
|
+
"url": "https://www.vidstack.io/docs/wc/player/components/menu/audio-radio-group"
|
|
1180
|
+
}
|
|
1181
|
+
]
|
|
1182
|
+
},
|
|
1183
|
+
{
|
|
1184
|
+
"name": "media-captions-radio-group",
|
|
1185
|
+
"description": "This component manages caption/subtitle track radio options.",
|
|
1186
|
+
"attributes": [
|
|
1187
|
+
{
|
|
1188
|
+
"name": "off-label",
|
|
1189
|
+
"description": "The text to display when the captions are turned off.",
|
|
1190
|
+
"references": []
|
|
1191
|
+
}
|
|
1192
|
+
],
|
|
1193
|
+
"references": [
|
|
1194
|
+
{
|
|
1195
|
+
"name": "Documentation",
|
|
1196
|
+
"url": "https://www.vidstack.io/docs/wc/player/components/menu/captions-radio-group"
|
|
1197
|
+
}
|
|
1198
|
+
]
|
|
1199
|
+
},
|
|
1200
|
+
{
|
|
1201
|
+
"name": "media-chapters-radio-group",
|
|
1202
|
+
"description": "This component manages media chapters inside of a radio group.",
|
|
1203
|
+
"attributes": [
|
|
1204
|
+
{
|
|
1205
|
+
"name": "thumbnails",
|
|
1206
|
+
"description": "The thumbnails resource.",
|
|
1207
|
+
"values": [
|
|
1208
|
+
{
|
|
1209
|
+
"name": "ThumbnailImageInit[]"
|
|
1210
|
+
},
|
|
1211
|
+
{
|
|
1212
|
+
"name": "ThumbnailStoryboard"
|
|
1213
|
+
},
|
|
1214
|
+
{
|
|
1215
|
+
"name": "MuxThumbnailStoryboard"
|
|
1216
|
+
}
|
|
1217
|
+
],
|
|
1218
|
+
"references": [
|
|
1219
|
+
{
|
|
1220
|
+
"name": "Documentation",
|
|
1221
|
+
"url": "https://www.vidstack.io/docs/player/core-concepts/loading#thumbnails"
|
|
1222
|
+
}
|
|
1223
|
+
]
|
|
1224
|
+
}
|
|
1225
|
+
],
|
|
1226
|
+
"references": [
|
|
1227
|
+
{
|
|
1228
|
+
"name": "Documentation",
|
|
1229
|
+
"url": "https://www.vidstack.io/docs/wc/player/components/menu/chapters-radio-group"
|
|
1230
|
+
}
|
|
1231
|
+
]
|
|
1232
|
+
},
|
|
1233
|
+
{
|
|
1234
|
+
"name": "media-menu-button",
|
|
1235
|
+
"description": "A button that controls the opening and closing of a menu component. The button will become a\nmenuitem when used inside a submenu.",
|
|
1236
|
+
"attributes": [
|
|
1237
|
+
{
|
|
1238
|
+
"name": "disabled",
|
|
1239
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
1240
|
+
"references": []
|
|
1241
|
+
}
|
|
1242
|
+
],
|
|
1243
|
+
"references": [
|
|
1244
|
+
{
|
|
1245
|
+
"name": "Documentation",
|
|
1246
|
+
"url": "https://www.vidstack.io/docs/player/components/menu/menu"
|
|
1247
|
+
}
|
|
1248
|
+
]
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "media-menu",
|
|
1252
|
+
"description": "Root menu container used to hold and manage a menu button and menu items. This component is\nused to display options in a floating panel. They can be nested to create submenus.",
|
|
1253
|
+
"attributes": [
|
|
1254
|
+
{
|
|
1255
|
+
"name": "show-delay",
|
|
1256
|
+
"description": "The amount of time in milliseconds to wait before showing the menu.",
|
|
1257
|
+
"references": []
|
|
1258
|
+
}
|
|
1259
|
+
],
|
|
1260
|
+
"references": [
|
|
1261
|
+
{
|
|
1262
|
+
"name": "Documentation",
|
|
1263
|
+
"url": "https://www.vidstack.io/docs/player/components/menu/menu"
|
|
1264
|
+
}
|
|
1265
|
+
]
|
|
1266
|
+
},
|
|
1267
|
+
{
|
|
1268
|
+
"name": "media-menu-item",
|
|
1269
|
+
"description": "Represents a specific option or action, typically displayed as a text label or icon, which\nusers can select to access or perform a particular function or view related content.",
|
|
1270
|
+
"attributes": [
|
|
1271
|
+
{
|
|
1272
|
+
"name": "disabled",
|
|
1273
|
+
"description": "Whether the button should be disabled (non-interactive).",
|
|
1274
|
+
"references": []
|
|
1275
|
+
}
|
|
1276
|
+
],
|
|
1277
|
+
"references": [
|
|
1278
|
+
{
|
|
1279
|
+
"name": "Documentation",
|
|
1280
|
+
"url": "https://www.vidstack.io/docs/player/components/menu/menu"
|
|
1281
|
+
}
|
|
1282
|
+
]
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
1285
|
+
"name": "media-menu-items",
|
|
1286
|
+
"description": "Menu items can be used to display settings or arbitrary content in a floating panel.",
|
|
1287
|
+
"attributes": [
|
|
1288
|
+
{
|
|
1289
|
+
"name": "placement",
|
|
1290
|
+
"description": "A space-separated list which specifies the side and alignment of the menu relative\nto the menu button.",
|
|
1291
|
+
"values": [
|
|
1292
|
+
{
|
|
1293
|
+
"name": "MenuPlacementSide"
|
|
1294
|
+
},
|
|
1295
|
+
{
|
|
1296
|
+
"name": "top start"
|
|
1297
|
+
},
|
|
1298
|
+
{
|
|
1299
|
+
"name": "top center"
|
|
1300
|
+
},
|
|
1301
|
+
{
|
|
1302
|
+
"name": "top end"
|
|
1303
|
+
},
|
|
1304
|
+
{
|
|
1305
|
+
"name": "bottom start"
|
|
1306
|
+
},
|
|
1307
|
+
{
|
|
1308
|
+
"name": "bottom center"
|
|
1309
|
+
},
|
|
1310
|
+
{
|
|
1311
|
+
"name": "bottom end"
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
"name": "right start"
|
|
1315
|
+
},
|
|
1316
|
+
{
|
|
1317
|
+
"name": "right center"
|
|
1318
|
+
},
|
|
1319
|
+
{
|
|
1320
|
+
"name": "right end"
|
|
1321
|
+
},
|
|
1322
|
+
{
|
|
1323
|
+
"name": "left start"
|
|
1324
|
+
},
|
|
1325
|
+
{
|
|
1326
|
+
"name": "left center"
|
|
1327
|
+
},
|
|
1328
|
+
{
|
|
1329
|
+
"name": "left end"
|
|
1330
|
+
}
|
|
1331
|
+
],
|
|
1332
|
+
"references": []
|
|
1333
|
+
},
|
|
1334
|
+
{
|
|
1335
|
+
"name": "offset",
|
|
1336
|
+
"description": "The distance in pixels between the menu items and the menu button. You can also set\nthe CSS variable `--media-menu-y-offset` to adjust this offset.",
|
|
1337
|
+
"references": []
|
|
1338
|
+
},
|
|
1339
|
+
{
|
|
1340
|
+
"name": "align-offset",
|
|
1341
|
+
"description": "The offset in pixels from the start/center/end aligned position. You can also set\nthe CSS variable `--media-menu-x-offset` to adjust this offset.",
|
|
1342
|
+
"references": []
|
|
1343
|
+
}
|
|
1344
|
+
],
|
|
1345
|
+
"references": [
|
|
1346
|
+
{
|
|
1347
|
+
"name": "Documentation",
|
|
1348
|
+
"url": "https://www.vidstack.io/docs/player/components/menu/menu"
|
|
1349
|
+
}
|
|
1350
|
+
]
|
|
1351
|
+
},
|
|
1352
|
+
{
|
|
1353
|
+
"name": "media-menu-portal",
|
|
1354
|
+
"description": "Portals menu items into the document body.",
|
|
1355
|
+
"attributes": [
|
|
1356
|
+
{
|
|
1357
|
+
"name": "container",
|
|
1358
|
+
"description": "Specifies a DOM element or query selector for the container that the menu should be portalled\ninside. Defaults to `document.body` when set to `null`.",
|
|
1359
|
+
"values": [
|
|
1360
|
+
{
|
|
1361
|
+
"name": "HTMLElement"
|
|
1362
|
+
}
|
|
1363
|
+
],
|
|
1364
|
+
"references": []
|
|
1365
|
+
},
|
|
1366
|
+
{
|
|
1367
|
+
"name": "disabled",
|
|
1368
|
+
"description": "Whether the portal should be disabled. The value can be the string \"fullscreen\" to disable\nportals while media is fullscreen. This is to ensure the menu remains visible.",
|
|
1369
|
+
"values": [
|
|
1370
|
+
{
|
|
1371
|
+
"name": "fullscreen"
|
|
1372
|
+
}
|
|
1373
|
+
],
|
|
1374
|
+
"references": []
|
|
1375
|
+
}
|
|
1376
|
+
],
|
|
1377
|
+
"references": [
|
|
1378
|
+
{
|
|
1379
|
+
"name": "Documentation",
|
|
1380
|
+
"url": "https://www.vidstack.io/docs/player/components/menu#portal"
|
|
1381
|
+
}
|
|
1382
|
+
]
|
|
1383
|
+
},
|
|
1384
|
+
{
|
|
1385
|
+
"name": "media-quality-radio-group",
|
|
1386
|
+
"description": "This component manages video quality radios.",
|
|
1387
|
+
"attributes": [
|
|
1388
|
+
{
|
|
1389
|
+
"name": "auto-label",
|
|
1390
|
+
"description": "The text to display for the auto quality radio option.",
|
|
1391
|
+
"references": []
|
|
1392
|
+
},
|
|
1393
|
+
{
|
|
1394
|
+
"name": "hide-bitrate",
|
|
1395
|
+
"description": "Whether the bitrate should _not_ be displayed next to each quality radio option.",
|
|
1396
|
+
"references": []
|
|
1397
|
+
},
|
|
1398
|
+
{
|
|
1399
|
+
"name": "sort",
|
|
1400
|
+
"description": "Specifies how the options should be sorted. The sorting algorithm looks at both the quality\nresolution and bitrate.\n\n- Ascending: 480p, 720p, 720p (higher bitrate), 1080p\n- Descending: 1080p, 720p (higher bitrate), 720p, 480p",
|
|
1401
|
+
"values": [
|
|
1402
|
+
{
|
|
1403
|
+
"name": "descending"
|
|
1404
|
+
},
|
|
1405
|
+
{
|
|
1406
|
+
"name": "ascending"
|
|
1407
|
+
}
|
|
1408
|
+
],
|
|
1409
|
+
"references": []
|
|
1410
|
+
}
|
|
1411
|
+
],
|
|
1412
|
+
"references": [
|
|
1413
|
+
{
|
|
1414
|
+
"name": "Documentation",
|
|
1415
|
+
"url": "https://www.vidstack.io/docs/wc/player/components/menu/quality-radio-group"
|
|
1416
|
+
}
|
|
1417
|
+
]
|
|
1418
|
+
},
|
|
1419
|
+
{
|
|
1420
|
+
"name": "media-radio",
|
|
1421
|
+
"description": "A radio represents a option that a user can select inside of a radio group. Only one radio\ncan be checked in a group.",
|
|
1422
|
+
"attributes": [
|
|
1423
|
+
{
|
|
1424
|
+
"name": "value",
|
|
1425
|
+
"description": "The radio value.",
|
|
1426
|
+
"references": []
|
|
1427
|
+
}
|
|
1428
|
+
],
|
|
1429
|
+
"references": [
|
|
1430
|
+
{
|
|
1431
|
+
"name": "Documentation",
|
|
1432
|
+
"url": "https://www.vidstack.io/docs/player/components/menu/radio"
|
|
1433
|
+
}
|
|
1434
|
+
]
|
|
1435
|
+
},
|
|
1436
|
+
{
|
|
1437
|
+
"name": "media-radio-group",
|
|
1438
|
+
"description": "A radio group consists of options where only one of them can be checked. Each option is\nprovided as a radio (i.e., a selectable element).",
|
|
1439
|
+
"attributes": [
|
|
1440
|
+
{
|
|
1441
|
+
"name": "value",
|
|
1442
|
+
"description": "The value of the radio that is checked in this group.",
|
|
1443
|
+
"references": []
|
|
1444
|
+
}
|
|
1445
|
+
],
|
|
1446
|
+
"references": [
|
|
1447
|
+
{
|
|
1448
|
+
"name": "Documentation",
|
|
1449
|
+
"url": "https://www.vidstack.io/docs/player/components/menu/radio-group"
|
|
1450
|
+
}
|
|
1451
|
+
]
|
|
1452
|
+
},
|
|
1453
|
+
{
|
|
1454
|
+
"name": "media-speed-radio-group",
|
|
1455
|
+
"description": "This component manages playback rate radios.",
|
|
1456
|
+
"attributes": [
|
|
1457
|
+
{
|
|
1458
|
+
"name": "rates",
|
|
1459
|
+
"description": "The playback rate options to be displayed.",
|
|
1460
|
+
"references": []
|
|
1461
|
+
},
|
|
1462
|
+
{
|
|
1463
|
+
"name": "normal-label",
|
|
1464
|
+
"description": "The text to display for normal speed (i.e., playback rate of 1).",
|
|
1465
|
+
"references": []
|
|
1466
|
+
}
|
|
1467
|
+
],
|
|
1468
|
+
"references": [
|
|
1469
|
+
{
|
|
1470
|
+
"name": "Documentation",
|
|
1471
|
+
"url": "https://www.vidstack.io/docs/wc/player/components/menu/speed-radio-group"
|
|
1472
|
+
}
|
|
1473
|
+
]
|
|
1474
|
+
},
|
|
1475
|
+
{
|
|
1476
|
+
"name": "media-player",
|
|
1477
|
+
"description": "All media elements exist inside the `<media-player>` component. This component's main\nresponsibilities are to manage media state updates, dispatch media events, handle media\nrequests, and expose media state through HTML attributes and CSS properties for styling\npurposes.",
|
|
1478
|
+
"attributes": [
|
|
1479
|
+
{
|
|
1480
|
+
"name": "autoplay",
|
|
1481
|
+
"references": []
|
|
1482
|
+
},
|
|
1483
|
+
{
|
|
1484
|
+
"name": "crossorigin",
|
|
1485
|
+
"values": [
|
|
1486
|
+
{
|
|
1487
|
+
"name": "true"
|
|
1488
|
+
}
|
|
1489
|
+
],
|
|
1490
|
+
"references": []
|
|
1491
|
+
},
|
|
1492
|
+
{
|
|
1493
|
+
"name": "crossorigin",
|
|
1494
|
+
"description": "Defines how the media element handles cross-origin requests, thereby enabling the\nconfiguration of the CORS requests for the element's fetched data.",
|
|
1495
|
+
"values": [
|
|
1496
|
+
{
|
|
1497
|
+
"name": "true"
|
|
1498
|
+
},
|
|
1499
|
+
{
|
|
1500
|
+
"name": "MediaCrossOrigin"
|
|
1501
|
+
}
|
|
1502
|
+
],
|
|
1503
|
+
"references": [
|
|
1504
|
+
{
|
|
1505
|
+
"name": "MDN",
|
|
1506
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin"
|
|
1507
|
+
}
|
|
1508
|
+
]
|
|
1509
|
+
},
|
|
1510
|
+
{
|
|
1511
|
+
"name": "duration",
|
|
1512
|
+
"description": "A `double` indicating the total playback length of the media in seconds. If this is not\nprovided it will be determined when the media loaded.",
|
|
1513
|
+
"references": []
|
|
1514
|
+
},
|
|
1515
|
+
{
|
|
1516
|
+
"name": "src",
|
|
1517
|
+
"description": "The URL and optionally type of the current media resource/s to be considered for playback.",
|
|
1518
|
+
"values": [
|
|
1519
|
+
{
|
|
1520
|
+
"name": "MediaSrc"
|
|
1521
|
+
},
|
|
1522
|
+
{
|
|
1523
|
+
"name": "MediaSrc[]"
|
|
1524
|
+
}
|
|
1525
|
+
],
|
|
1526
|
+
"references": [
|
|
1527
|
+
{
|
|
1528
|
+
"name": "Documentation",
|
|
1529
|
+
"url": "https://vidstack.io/docs/player/core-concepts/loading#sources"
|
|
1530
|
+
}
|
|
1531
|
+
]
|
|
1532
|
+
},
|
|
1533
|
+
{
|
|
1534
|
+
"name": "log-level",
|
|
1535
|
+
"description": "The current log level. Values in order of priority are: `silent`, `error`, `warn`, `info`,\nand `debug`.",
|
|
1536
|
+
"values": [
|
|
1537
|
+
{
|
|
1538
|
+
"name": "error"
|
|
1539
|
+
},
|
|
1540
|
+
{
|
|
1541
|
+
"name": "silent"
|
|
1542
|
+
},
|
|
1543
|
+
{
|
|
1544
|
+
"name": "warn"
|
|
1545
|
+
},
|
|
1546
|
+
{
|
|
1547
|
+
"name": "info"
|
|
1548
|
+
},
|
|
1549
|
+
{
|
|
1550
|
+
"name": "debug"
|
|
1551
|
+
}
|
|
1552
|
+
],
|
|
1553
|
+
"references": []
|
|
1554
|
+
},
|
|
1555
|
+
{
|
|
1556
|
+
"name": "load",
|
|
1557
|
+
"description": "Indicates when the provider can begin loading media.\n\n- `eager`: media will be loaded immediately.\n- `idle`: media will be loaded after the page has loaded and `requestIdleCallback` is fired.\n- `visible`: media will delay loading until the provider has entered the viewport.\n- `custom`: media will wait for the `startLoading()` method or `media-start-loading` event.\n- `play`: media will delay loading until there is a play request.",
|
|
1558
|
+
"values": [
|
|
1559
|
+
{
|
|
1560
|
+
"name": "play"
|
|
1561
|
+
},
|
|
1562
|
+
{
|
|
1563
|
+
"name": "visible"
|
|
1564
|
+
},
|
|
1565
|
+
{
|
|
1566
|
+
"name": "eager"
|
|
1567
|
+
},
|
|
1568
|
+
{
|
|
1569
|
+
"name": "idle"
|
|
1570
|
+
},
|
|
1571
|
+
{
|
|
1572
|
+
"name": "custom"
|
|
1573
|
+
}
|
|
1574
|
+
],
|
|
1575
|
+
"references": [
|
|
1576
|
+
{
|
|
1577
|
+
"name": "Documentation",
|
|
1578
|
+
"url": "https://vidstack.io/docs/player/core-concepts/loading#load-strategies"
|
|
1579
|
+
}
|
|
1580
|
+
]
|
|
1581
|
+
},
|
|
1582
|
+
{
|
|
1583
|
+
"name": "poster-load",
|
|
1584
|
+
"description": "Indicates when the player can begin loading the poster.\n\n- `eager`: poster will be loaded immediately.\n- `idle`: poster will be loaded after the page has loaded and `requestIdleCallback` is fired.\n- `visible`: poster will delay loading until the provider has entered the viewport.\n- `custom`: poster will wait for the `startLoadingPoster()` method or `media-poster-start-loading` event.",
|
|
1585
|
+
"values": [
|
|
1586
|
+
{
|
|
1587
|
+
"name": "visible"
|
|
1588
|
+
},
|
|
1589
|
+
{
|
|
1590
|
+
"name": "eager"
|
|
1591
|
+
},
|
|
1592
|
+
{
|
|
1593
|
+
"name": "idle"
|
|
1594
|
+
},
|
|
1595
|
+
{
|
|
1596
|
+
"name": "custom"
|
|
1597
|
+
}
|
|
1598
|
+
],
|
|
1599
|
+
"references": [
|
|
1600
|
+
{
|
|
1601
|
+
"name": "Documentation",
|
|
1602
|
+
"url": "https://vidstack.io/docs/player/core-concepts/loading#load-strategies"
|
|
1603
|
+
}
|
|
1604
|
+
]
|
|
1605
|
+
},
|
|
1606
|
+
{
|
|
1607
|
+
"name": "controls-delay",
|
|
1608
|
+
"description": "The default amount of delay in milliseconds while media playback is progressing without user\nactivity to indicate an idle state and hide controls.",
|
|
1609
|
+
"references": []
|
|
1610
|
+
},
|
|
1611
|
+
{
|
|
1612
|
+
"name": "hide-controls-on-mouse-leave",
|
|
1613
|
+
"description": "Whether controls visibility should be toggled when the mouse enters and leaves the player\ncontainer.",
|
|
1614
|
+
"references": []
|
|
1615
|
+
},
|
|
1616
|
+
{
|
|
1617
|
+
"name": "fullscreen-orientation",
|
|
1618
|
+
"description": "This method will indicate the orientation to lock the screen to when in fullscreen mode and\nthe Screen Orientation API is available.",
|
|
1619
|
+
"values": [
|
|
1620
|
+
{
|
|
1621
|
+
"name": "none"
|
|
1622
|
+
},
|
|
1623
|
+
{
|
|
1624
|
+
"name": "ScreenOrientationLockType"
|
|
1625
|
+
}
|
|
1626
|
+
],
|
|
1627
|
+
"references": []
|
|
1628
|
+
},
|
|
1629
|
+
{
|
|
1630
|
+
"name": "google-cast",
|
|
1631
|
+
"description": "Google Cast options.",
|
|
1632
|
+
"references": [
|
|
1633
|
+
{
|
|
1634
|
+
"name": "Documentation",
|
|
1635
|
+
"url": "https://developers.google.com/cast/docs/reference/web_sender/cast.framework.CastOptions"
|
|
1636
|
+
}
|
|
1637
|
+
]
|
|
1638
|
+
},
|
|
1639
|
+
{
|
|
1640
|
+
"name": "playsinline",
|
|
1641
|
+
"references": []
|
|
1642
|
+
},
|
|
1643
|
+
{
|
|
1644
|
+
"name": "prefer-native-hls",
|
|
1645
|
+
"description": "Whether native HLS support is preferred over using `hls.js`. We recommend setting this to\n`false` to ensure a consistent and configurable experience across browsers. In addition, our\nlive stream support and DVR detection is much better with `hls.js` so choose accordingly.\n\nThis should generally only be set to `true` if (1) you're working with HLS streams, and (2)\nyou want AirPlay to work via the native Safari controls (i.e., `controls` attribute is\npresent on the `<media-player>` element).",
|
|
1646
|
+
"references": []
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"name": "key-disabled",
|
|
1650
|
+
"description": "Whether keyboard support is disabled for the media player globally. This property won't disable\nstandard ARIA keyboard controls for individual components when focused.",
|
|
1651
|
+
"references": []
|
|
1652
|
+
},
|
|
1653
|
+
{
|
|
1654
|
+
"name": "key-target",
|
|
1655
|
+
"description": "The target on which to listen for keyboard events (e.g., `keydown`):\n\n- `document`: the player will listen for events on the entire document. In the case that\nmultiple players are on the page, only the most recently active player will receive input.\n- `player`: the player will listen for events on the player itself or one of its children\nwere recently interacted with.",
|
|
1656
|
+
"values": [
|
|
1657
|
+
{
|
|
1658
|
+
"name": "player"
|
|
1659
|
+
},
|
|
1660
|
+
{
|
|
1661
|
+
"name": "document"
|
|
1662
|
+
}
|
|
1663
|
+
],
|
|
1664
|
+
"references": []
|
|
1665
|
+
},
|
|
1666
|
+
{
|
|
1667
|
+
"name": "key-shortcuts",
|
|
1668
|
+
"description": "Extends global media player keyboard shortcuts. The shortcuts can be specified as a\nspace-separated list of combinations (e.g., `p Control+Space`), array, or callbacks. See the\nprovided doc link for more information.\n\nDo note, if `aria-keyshortcuts` is specified on a component then it will take precedence\nover the respective value set here.",
|
|
1669
|
+
"references": [
|
|
1670
|
+
{
|
|
1671
|
+
"name": "MDN",
|
|
1672
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-keyshortcuts"
|
|
1673
|
+
}
|
|
1674
|
+
]
|
|
1675
|
+
},
|
|
1676
|
+
{
|
|
1677
|
+
"name": "storage",
|
|
1678
|
+
"description": "Determines whether volume, time, and other player settings should be saved to storage\nand used when initializing media. The two options for enabling storage are:\n\n1. You can provide a string which will use our local storage solution and the given string as\na key prefix.\n\n2. Or, you can provide your own storage solution (e.g., database) by implementing\nthe `MediaStorage` interface and providing the object/class.",
|
|
1679
|
+
"values": [
|
|
1680
|
+
{
|
|
1681
|
+
"name": "MediaStorage"
|
|
1682
|
+
}
|
|
1683
|
+
],
|
|
1684
|
+
"references": []
|
|
1685
|
+
},
|
|
1686
|
+
{
|
|
1687
|
+
"name": "view-type",
|
|
1688
|
+
"description": "The type of player view that should be used (i.e., audio or video). By default this is set\nto `video`.",
|
|
1689
|
+
"values": [
|
|
1690
|
+
{
|
|
1691
|
+
"name": "audio"
|
|
1692
|
+
},
|
|
1693
|
+
{
|
|
1694
|
+
"name": "video"
|
|
1695
|
+
}
|
|
1696
|
+
],
|
|
1697
|
+
"references": []
|
|
1698
|
+
},
|
|
1699
|
+
{
|
|
1700
|
+
"name": "autoplay",
|
|
1701
|
+
"description": "Whether playback should automatically begin as soon as enough media is available to do so\nwithout interruption.\n\nSites which automatically play audio (or videos with an audio track) can be an unpleasant\nexperience for users, so it should be avoided when possible. If you must offer auto-play\nfunctionality, you should make it opt-in (requiring a user to specifically enable it).\n\nHowever, auto-play can be useful when creating media elements whose source will be set at a\nlater time, under user control.",
|
|
1702
|
+
"references": [
|
|
1703
|
+
{
|
|
1704
|
+
"name": "MDN",
|
|
1705
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/autoplay"
|
|
1706
|
+
}
|
|
1707
|
+
]
|
|
1708
|
+
},
|
|
1709
|
+
{
|
|
1710
|
+
"name": "clip-start-time",
|
|
1711
|
+
"description": "Limit playback to only play _after_ a certain time. Playback will begin from this time.",
|
|
1712
|
+
"references": []
|
|
1713
|
+
},
|
|
1714
|
+
{
|
|
1715
|
+
"name": "clip-end-time",
|
|
1716
|
+
"description": "Limit playback to only play _before_ a certain time. Playback will end at this time.",
|
|
1717
|
+
"references": []
|
|
1718
|
+
},
|
|
1719
|
+
{
|
|
1720
|
+
"name": "controls",
|
|
1721
|
+
"description": "Indicates whether a user interface should be shown for controlling the resource. Set this to\n`false` when you want to provide your own custom controls, and `true` if you want the current\nprovider to supply its own default controls. Depending on the provider, changing this prop\nmay cause the player to completely reset.",
|
|
1722
|
+
"references": [
|
|
1723
|
+
{
|
|
1724
|
+
"name": "MDN",
|
|
1725
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/controls"
|
|
1726
|
+
}
|
|
1727
|
+
]
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"name": "live-edge-tolerance",
|
|
1731
|
+
"description": "The number of seconds that `currentTime` can be behind `liveEdgeStart` and still be considered\nat the edge. The default value is 10, meaning the user can be up to 10 seconds behind the\nlive edge start and still be considered live.",
|
|
1732
|
+
"references": []
|
|
1733
|
+
},
|
|
1734
|
+
{
|
|
1735
|
+
"name": "min-live-dvr-window",
|
|
1736
|
+
"description": "The minimum seekable length in seconds before seeking operations are permitted on live streams.",
|
|
1737
|
+
"references": []
|
|
1738
|
+
},
|
|
1739
|
+
{
|
|
1740
|
+
"name": "muted",
|
|
1741
|
+
"description": "Whether the audio is muted or not.",
|
|
1742
|
+
"references": [
|
|
1743
|
+
{
|
|
1744
|
+
"name": "MDN",
|
|
1745
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/muted"
|
|
1746
|
+
}
|
|
1747
|
+
]
|
|
1748
|
+
},
|
|
1749
|
+
{
|
|
1750
|
+
"name": "paused",
|
|
1751
|
+
"description": "Whether playback should be paused. Defaults to `true` if no media has loaded or playback has\nnot started. Setting this to `false` will begin/resume playback.",
|
|
1752
|
+
"references": [
|
|
1753
|
+
{
|
|
1754
|
+
"name": "MDN",
|
|
1755
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/paused"
|
|
1756
|
+
}
|
|
1757
|
+
]
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"name": "playsinline",
|
|
1761
|
+
"description": "Whether the video is to be played \"inline\", that is within the element's playback area. Note\nthat setting this to `false` does not imply that the video will always be played in fullscreen.\nDepending on the provider, changing this prop may cause the player to completely reset.",
|
|
1762
|
+
"references": [
|
|
1763
|
+
{
|
|
1764
|
+
"name": "MDN",
|
|
1765
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-playsinline"
|
|
1766
|
+
}
|
|
1767
|
+
]
|
|
1768
|
+
},
|
|
1769
|
+
{
|
|
1770
|
+
"name": "playback-rate",
|
|
1771
|
+
"description": "Sets the rate at which the media is being played back. This is used to implement user\ncontrols for fast forward, slow motion, and so forth. The normal playback rate is multiplied\nby this value to obtain the current rate, so a value of 1.0 indicates normal speed.\n\nExamples:\n\n- `0.5` = slow down to 50% of the normal speed\n- `1.5` = speed up normal speed by 50%\n- `2` = double the normal speed",
|
|
1772
|
+
"references": [
|
|
1773
|
+
{
|
|
1774
|
+
"name": "MDN",
|
|
1775
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/playbackRate"
|
|
1776
|
+
}
|
|
1777
|
+
]
|
|
1778
|
+
},
|
|
1779
|
+
{
|
|
1780
|
+
"name": "preload",
|
|
1781
|
+
"description": "Configures the preload setting of the underlying media provider once it can load (see\n`loading` property).\n\nThe `preload` attribute provides a hint to the browser about what the author thinks will\nlead to the best user experience with regards to what content is loaded before the video is\nplayed. The recommended default is `metadata`.",
|
|
1782
|
+
"values": [
|
|
1783
|
+
{
|
|
1784
|
+
"name": "none"
|
|
1785
|
+
},
|
|
1786
|
+
{
|
|
1787
|
+
"name": "metadata"
|
|
1788
|
+
},
|
|
1789
|
+
{
|
|
1790
|
+
"name": "auto"
|
|
1791
|
+
}
|
|
1792
|
+
],
|
|
1793
|
+
"references": [
|
|
1794
|
+
{
|
|
1795
|
+
"name": "MDN",
|
|
1796
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-preload"
|
|
1797
|
+
}
|
|
1798
|
+
]
|
|
1799
|
+
},
|
|
1800
|
+
{
|
|
1801
|
+
"name": "stream-type",
|
|
1802
|
+
"description": "The current media stream type. This value helps determine what type of UI should be\ndisplayed and whether seeking operations are permitted during live streams. If seeking\nis permitted, set this value to `live:dvr` or `ll-live:dvr`.",
|
|
1803
|
+
"values": [
|
|
1804
|
+
{
|
|
1805
|
+
"name": "live"
|
|
1806
|
+
},
|
|
1807
|
+
{
|
|
1808
|
+
"name": "on-demand"
|
|
1809
|
+
},
|
|
1810
|
+
{
|
|
1811
|
+
"name": "live:dvr"
|
|
1812
|
+
},
|
|
1813
|
+
{
|
|
1814
|
+
"name": "ll-live"
|
|
1815
|
+
},
|
|
1816
|
+
{
|
|
1817
|
+
"name": "ll-live:dvr"
|
|
1818
|
+
}
|
|
1819
|
+
],
|
|
1820
|
+
"references": []
|
|
1821
|
+
},
|
|
1822
|
+
{
|
|
1823
|
+
"name": "artist",
|
|
1824
|
+
"description": "The artist or channel name for which this content belongs to. This can be used in your\nlayout and it will be included in the Media Session API.",
|
|
1825
|
+
"references": []
|
|
1826
|
+
},
|
|
1827
|
+
{
|
|
1828
|
+
"name": "artwork",
|
|
1829
|
+
"description": "Images to be included in the Media Session API.",
|
|
1830
|
+
"references": []
|
|
1831
|
+
},
|
|
1832
|
+
{
|
|
1833
|
+
"name": "volume",
|
|
1834
|
+
"description": "An `int` between `0` (silent) and `1` (loudest) indicating the audio volume. Defaults to `1`.",
|
|
1835
|
+
"references": [
|
|
1836
|
+
{
|
|
1837
|
+
"name": "MDN",
|
|
1838
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/volume"
|
|
1839
|
+
}
|
|
1840
|
+
]
|
|
1841
|
+
}
|
|
1842
|
+
],
|
|
1843
|
+
"references": [
|
|
1844
|
+
{
|
|
1845
|
+
"name": "Documentation",
|
|
1846
|
+
"url": "https://www.vidstack.io/docs/player/components/media/player"
|
|
1847
|
+
}
|
|
1848
|
+
]
|
|
1849
|
+
},
|
|
1850
|
+
{
|
|
1851
|
+
"name": "media-poster",
|
|
1852
|
+
"description": "Loads and displays the current media poster image. By default, the media provider's\nloading strategy is respected meaning the poster won't load until the media can.",
|
|
1853
|
+
"attributes": [
|
|
1854
|
+
{
|
|
1855
|
+
"name": "src",
|
|
1856
|
+
"description": "The URL of the poster image resource.",
|
|
1857
|
+
"references": []
|
|
1858
|
+
},
|
|
1859
|
+
{
|
|
1860
|
+
"name": "alt",
|
|
1861
|
+
"description": "♿ **ARIA:** Provides alternative information for a poster image if a user for some reason\ncannot view it.",
|
|
1862
|
+
"references": []
|
|
1863
|
+
},
|
|
1864
|
+
{
|
|
1865
|
+
"name": "crossorigin",
|
|
1866
|
+
"description": "Defines how the img handles cross-origin requests, thereby enabling the\nconfiguration of the CORS requests for the element's fetched data.",
|
|
1867
|
+
"values": [
|
|
1868
|
+
{
|
|
1869
|
+
"name": "true"
|
|
1870
|
+
},
|
|
1871
|
+
{
|
|
1872
|
+
"name": "MediaCrossOrigin"
|
|
1873
|
+
}
|
|
1874
|
+
],
|
|
1875
|
+
"references": [
|
|
1876
|
+
{
|
|
1877
|
+
"name": "MDN",
|
|
1878
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin"
|
|
1879
|
+
}
|
|
1880
|
+
]
|
|
1881
|
+
}
|
|
1882
|
+
],
|
|
1883
|
+
"references": [
|
|
1884
|
+
{
|
|
1885
|
+
"name": "Documentation",
|
|
1886
|
+
"url": "https://www.vidstack.io/docs/player/components/media/poster"
|
|
1887
|
+
}
|
|
1888
|
+
]
|
|
1889
|
+
},
|
|
1890
|
+
{
|
|
1891
|
+
"name": "media-provider",
|
|
1892
|
+
"description": "Used to render the current provider.",
|
|
1893
|
+
"attributes": [],
|
|
1894
|
+
"references": [
|
|
1895
|
+
{
|
|
1896
|
+
"name": "Documentation",
|
|
1897
|
+
"url": "https://www.vidstack.io/docs/player/components/media/provider"
|
|
1898
|
+
}
|
|
1899
|
+
]
|
|
1900
|
+
},
|
|
1901
|
+
{
|
|
1902
|
+
"name": "media-audio-gain-slider",
|
|
1903
|
+
"description": "Versatile and user-friendly audio boost control designed for seamless cross-browser and provider\ncompatibility and accessibility with ARIA support. It offers a smooth user experience for both\nmouse and touch interactions and is highly customizable in terms of styling. Users can\neffortlessly change the audio gain within the range 0 to 100.",
|
|
1904
|
+
"attributes": [
|
|
1905
|
+
{
|
|
1906
|
+
"name": "min",
|
|
1907
|
+
"description": "The minimum audio gain boost represented as a percentage.",
|
|
1908
|
+
"references": []
|
|
1909
|
+
},
|
|
1910
|
+
{
|
|
1911
|
+
"name": "max",
|
|
1912
|
+
"description": "The minimum audio gain boost represented as a percentage.",
|
|
1913
|
+
"references": []
|
|
1914
|
+
},
|
|
1915
|
+
{
|
|
1916
|
+
"name": "disabled",
|
|
1917
|
+
"description": "Whether the slider should be disabled (non-interactive).",
|
|
1918
|
+
"references": []
|
|
1919
|
+
},
|
|
1920
|
+
{
|
|
1921
|
+
"name": "hidden",
|
|
1922
|
+
"description": "Provides a hint that the slider is not visible and stops all events and expensive updates to\nbe more power efficient.",
|
|
1923
|
+
"references": []
|
|
1924
|
+
},
|
|
1925
|
+
{
|
|
1926
|
+
"name": "orientation",
|
|
1927
|
+
"description": "The orientation of the slider.",
|
|
1928
|
+
"values": [
|
|
1929
|
+
{
|
|
1930
|
+
"name": "horizontal"
|
|
1931
|
+
},
|
|
1932
|
+
{
|
|
1933
|
+
"name": "vertical"
|
|
1934
|
+
}
|
|
1935
|
+
],
|
|
1936
|
+
"references": []
|
|
1937
|
+
},
|
|
1938
|
+
{
|
|
1939
|
+
"name": "step",
|
|
1940
|
+
"description": "A number that specifies the granularity that the slider value must adhere to.\n\nA step is an abstract unit that may carry a different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
1941
|
+
"references": []
|
|
1942
|
+
},
|
|
1943
|
+
{
|
|
1944
|
+
"name": "key-step",
|
|
1945
|
+
"description": "♿ **ARIA:** A number that specifies the number of steps taken when interacting with\nthe slider via keyboard.\n\nA step is an abstract unit that may carry different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
1946
|
+
"references": []
|
|
1947
|
+
},
|
|
1948
|
+
{
|
|
1949
|
+
"name": "shift-key-multiplier",
|
|
1950
|
+
"description": "♿ **ARIA:** A number that will be used to multiply the `keyStep` when the `Shift` key\nis held down and the slider value is changed by pressing `LeftArrow` or `RightArrow`. Think\nof it as `keyStep * shiftKeyMultiplier`.",
|
|
1951
|
+
"references": []
|
|
1952
|
+
}
|
|
1953
|
+
],
|
|
1954
|
+
"references": [
|
|
1955
|
+
{
|
|
1956
|
+
"name": "Documentation",
|
|
1957
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/audio-gain-slider"
|
|
1958
|
+
}
|
|
1959
|
+
]
|
|
1960
|
+
},
|
|
1961
|
+
{
|
|
1962
|
+
"name": "media-quality-slider",
|
|
1963
|
+
"description": "Versatile and user-friendly input video quality control designed for seamless cross-browser and\nprovider compatibility and accessibility with ARIA support. It offers a smooth user experience\nfor both mouse and touch interactions and is highly customizable in terms of styling.",
|
|
1964
|
+
"attributes": [
|
|
1965
|
+
{
|
|
1966
|
+
"name": "disabled",
|
|
1967
|
+
"description": "Whether the slider should be disabled (non-interactive).",
|
|
1968
|
+
"references": []
|
|
1969
|
+
},
|
|
1970
|
+
{
|
|
1971
|
+
"name": "hidden",
|
|
1972
|
+
"description": "Provides a hint that the slider is not visible and stops all events and expensive updates to\nbe more power efficient.",
|
|
1973
|
+
"references": []
|
|
1974
|
+
},
|
|
1975
|
+
{
|
|
1976
|
+
"name": "orientation",
|
|
1977
|
+
"description": "The orientation of the slider.",
|
|
1978
|
+
"values": [
|
|
1979
|
+
{
|
|
1980
|
+
"name": "horizontal"
|
|
1981
|
+
},
|
|
1982
|
+
{
|
|
1983
|
+
"name": "vertical"
|
|
1984
|
+
}
|
|
1985
|
+
],
|
|
1986
|
+
"references": []
|
|
1987
|
+
},
|
|
1988
|
+
{
|
|
1989
|
+
"name": "step",
|
|
1990
|
+
"description": "A number that specifies the granularity that the slider value must adhere to.\n\nA step is an abstract unit that may carry a different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
1991
|
+
"references": []
|
|
1992
|
+
},
|
|
1993
|
+
{
|
|
1994
|
+
"name": "key-step",
|
|
1995
|
+
"description": "♿ **ARIA:** A number that specifies the number of steps taken when interacting with\nthe slider via keyboard.\n\nA step is an abstract unit that may carry different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
1996
|
+
"references": []
|
|
1997
|
+
},
|
|
1998
|
+
{
|
|
1999
|
+
"name": "shift-key-multiplier",
|
|
2000
|
+
"description": "♿ **ARIA:** A number that will be used to multiply the `keyStep` when the `Shift` key\nis held down and the slider value is changed by pressing `LeftArrow` or `RightArrow`. Think\nof it as `keyStep * shiftKeyMultiplier`.",
|
|
2001
|
+
"references": []
|
|
2002
|
+
}
|
|
2003
|
+
],
|
|
2004
|
+
"references": [
|
|
2005
|
+
{
|
|
2006
|
+
"name": "Documentation",
|
|
2007
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/quality-slider"
|
|
2008
|
+
}
|
|
2009
|
+
]
|
|
2010
|
+
},
|
|
2011
|
+
{
|
|
2012
|
+
"name": "media-slider-chapters",
|
|
2013
|
+
"description": "Used to create predefined sections within a time slider interface based on the currently\nactive chapters text track.",
|
|
2014
|
+
"attributes": [
|
|
2015
|
+
{
|
|
2016
|
+
"name": "disabled",
|
|
2017
|
+
"description": "Whether chapters should be disabled.",
|
|
2018
|
+
"references": []
|
|
2019
|
+
}
|
|
2020
|
+
],
|
|
2021
|
+
"references": [
|
|
2022
|
+
{
|
|
2023
|
+
"name": "Documentation",
|
|
2024
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/slider-chapters"
|
|
2025
|
+
}
|
|
2026
|
+
]
|
|
2027
|
+
},
|
|
2028
|
+
{
|
|
2029
|
+
"name": "media-slider",
|
|
2030
|
+
"description": "Versatile and user-friendly input control designed for seamless cross-browser compatibility and\naccessibility with ARIA support. It offers a smooth user experience for both mouse and touch\ninteractions and is highly customizable in terms of styling. Users can effortlessly input numeric\nvalues within a specified range, defined by a minimum and maximum value.",
|
|
2031
|
+
"attributes": [
|
|
2032
|
+
{
|
|
2033
|
+
"name": "min",
|
|
2034
|
+
"description": "The lowest slider value in the range of permitted values.",
|
|
2035
|
+
"references": []
|
|
2036
|
+
},
|
|
2037
|
+
{
|
|
2038
|
+
"name": "max",
|
|
2039
|
+
"description": "The greatest slider value in the range of permitted values.",
|
|
2040
|
+
"references": []
|
|
2041
|
+
},
|
|
2042
|
+
{
|
|
2043
|
+
"name": "value",
|
|
2044
|
+
"description": "The current slider value.",
|
|
2045
|
+
"references": []
|
|
2046
|
+
},
|
|
2047
|
+
{
|
|
2048
|
+
"name": "disabled",
|
|
2049
|
+
"description": "Whether the slider should be disabled (non-interactive).",
|
|
2050
|
+
"references": []
|
|
2051
|
+
},
|
|
2052
|
+
{
|
|
2053
|
+
"name": "hidden",
|
|
2054
|
+
"description": "Provides a hint that the slider is not visible and stops all events and expensive updates to\nbe more power efficient.",
|
|
2055
|
+
"references": []
|
|
2056
|
+
},
|
|
2057
|
+
{
|
|
2058
|
+
"name": "orientation",
|
|
2059
|
+
"description": "The orientation of the slider.",
|
|
2060
|
+
"values": [
|
|
2061
|
+
{
|
|
2062
|
+
"name": "horizontal"
|
|
2063
|
+
},
|
|
2064
|
+
{
|
|
2065
|
+
"name": "vertical"
|
|
2066
|
+
}
|
|
2067
|
+
],
|
|
2068
|
+
"references": []
|
|
2069
|
+
},
|
|
2070
|
+
{
|
|
2071
|
+
"name": "step",
|
|
2072
|
+
"description": "A number that specifies the granularity that the slider value must adhere to.\n\nA step is an abstract unit that may carry a different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2073
|
+
"references": []
|
|
2074
|
+
},
|
|
2075
|
+
{
|
|
2076
|
+
"name": "key-step",
|
|
2077
|
+
"description": "♿ **ARIA:** A number that specifies the number of steps taken when interacting with\nthe slider via keyboard.\n\nA step is an abstract unit that may carry different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2078
|
+
"references": []
|
|
2079
|
+
},
|
|
2080
|
+
{
|
|
2081
|
+
"name": "shift-key-multiplier",
|
|
2082
|
+
"description": "♿ **ARIA:** A number that will be used to multiply the `keyStep` when the `Shift` key\nis held down and the slider value is changed by pressing `LeftArrow` or `RightArrow`. Think\nof it as `keyStep * shiftKeyMultiplier`.",
|
|
2083
|
+
"references": []
|
|
2084
|
+
}
|
|
2085
|
+
],
|
|
2086
|
+
"references": [
|
|
2087
|
+
{
|
|
2088
|
+
"name": "Documentation",
|
|
2089
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/slider"
|
|
2090
|
+
}
|
|
2091
|
+
]
|
|
2092
|
+
},
|
|
2093
|
+
{
|
|
2094
|
+
"name": "media-slider-preview",
|
|
2095
|
+
"description": "Used to provide users with a real-time or interactive preview of the value or selection they\nare making as they move the slider thumb. This can include displaying the current pointer\nvalue numerically, or displaying a thumbnail over the time slider.",
|
|
2096
|
+
"attributes": [
|
|
2097
|
+
{
|
|
2098
|
+
"name": "offset",
|
|
2099
|
+
"description": "The distance in pixels between the preview and the slider. You can also set\nthe CSS variable `--media-slider-preview-offset` to adjust this offset.",
|
|
2100
|
+
"references": []
|
|
2101
|
+
},
|
|
2102
|
+
{
|
|
2103
|
+
"name": "no-clamp",
|
|
2104
|
+
"description": "By default, the preview will be clamped to the left and right of the slider track. If this\nis set to `true`, the preview will flow outside of the container when at the edges.",
|
|
2105
|
+
"references": []
|
|
2106
|
+
}
|
|
2107
|
+
],
|
|
2108
|
+
"references": [
|
|
2109
|
+
{
|
|
2110
|
+
"name": "Documentation",
|
|
2111
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/slider#preview"
|
|
2112
|
+
}
|
|
2113
|
+
]
|
|
2114
|
+
},
|
|
2115
|
+
{
|
|
2116
|
+
"name": "media-slider-steps",
|
|
2117
|
+
"attributes": [],
|
|
2118
|
+
"references": []
|
|
2119
|
+
},
|
|
2120
|
+
{
|
|
2121
|
+
"name": "media-slider-thumbnail",
|
|
2122
|
+
"description": "Used to load and display a preview thumbnail at the given `time`.",
|
|
2123
|
+
"attributes": [
|
|
2124
|
+
{
|
|
2125
|
+
"name": "src",
|
|
2126
|
+
"description": "The thumbnails resource.",
|
|
2127
|
+
"values": [
|
|
2128
|
+
{
|
|
2129
|
+
"name": "ThumbnailImageInit[]"
|
|
2130
|
+
},
|
|
2131
|
+
{
|
|
2132
|
+
"name": "ThumbnailStoryboard"
|
|
2133
|
+
},
|
|
2134
|
+
{
|
|
2135
|
+
"name": "MuxThumbnailStoryboard"
|
|
2136
|
+
}
|
|
2137
|
+
],
|
|
2138
|
+
"references": [
|
|
2139
|
+
{
|
|
2140
|
+
"name": "Documentation",
|
|
2141
|
+
"url": "https://www.vidstack.io/docs/player/core-concepts/loading#thumbnails"
|
|
2142
|
+
}
|
|
2143
|
+
]
|
|
2144
|
+
},
|
|
2145
|
+
{
|
|
2146
|
+
"name": "time",
|
|
2147
|
+
"description": "Finds, loads, and displays the first active thumbnail cue that's start/end times are in range.",
|
|
2148
|
+
"references": []
|
|
2149
|
+
},
|
|
2150
|
+
{
|
|
2151
|
+
"name": "cross-origin",
|
|
2152
|
+
"description": "Defines how the media handles cross-origin requests, thereby enabling the\nconfiguration of the CORS requests for the element's fetched data.",
|
|
2153
|
+
"values": [
|
|
2154
|
+
{
|
|
2155
|
+
"name": "true"
|
|
2156
|
+
},
|
|
2157
|
+
{
|
|
2158
|
+
"name": "MediaCrossOrigin"
|
|
2159
|
+
}
|
|
2160
|
+
],
|
|
2161
|
+
"references": [
|
|
2162
|
+
{
|
|
2163
|
+
"name": "MDN",
|
|
2164
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin"
|
|
2165
|
+
}
|
|
2166
|
+
]
|
|
2167
|
+
}
|
|
2168
|
+
],
|
|
2169
|
+
"references": [
|
|
2170
|
+
{
|
|
2171
|
+
"name": "Documentation",
|
|
2172
|
+
"url": "https://www.vidstack.io/docs/player/components/display/thumbnail"
|
|
2173
|
+
}
|
|
2174
|
+
]
|
|
2175
|
+
},
|
|
2176
|
+
{
|
|
2177
|
+
"name": "media-slider-value",
|
|
2178
|
+
"description": "Displays the specific numeric representation of the current or pointer value of the slider.\nWhen a user interacts with a slider by moving its thumb along the track, the slider value\nchanges accordingly.",
|
|
2179
|
+
"attributes": [
|
|
2180
|
+
{
|
|
2181
|
+
"name": "type",
|
|
2182
|
+
"description": "Whether to use the slider's current value, or pointer value.",
|
|
2183
|
+
"values": [
|
|
2184
|
+
{
|
|
2185
|
+
"name": "pointer"
|
|
2186
|
+
},
|
|
2187
|
+
{
|
|
2188
|
+
"name": "current"
|
|
2189
|
+
}
|
|
2190
|
+
],
|
|
2191
|
+
"references": []
|
|
2192
|
+
},
|
|
2193
|
+
{
|
|
2194
|
+
"name": "format",
|
|
2195
|
+
"description": "Determines how the value is formatted. By default it will use the most appropriate formatting,\nfor the time slider that's time, and for volume percent.",
|
|
2196
|
+
"values": [
|
|
2197
|
+
{
|
|
2198
|
+
"name": "value"
|
|
2199
|
+
},
|
|
2200
|
+
{
|
|
2201
|
+
"name": "percent"
|
|
2202
|
+
},
|
|
2203
|
+
{
|
|
2204
|
+
"name": "time"
|
|
2205
|
+
}
|
|
2206
|
+
],
|
|
2207
|
+
"references": []
|
|
2208
|
+
},
|
|
2209
|
+
{
|
|
2210
|
+
"name": "show-hours",
|
|
2211
|
+
"description": "Whether the time should always show the hours unit, even if the time is less than\n1 hour. Only available if the `format` prop is set to `time`.",
|
|
2212
|
+
"references": []
|
|
2213
|
+
},
|
|
2214
|
+
{
|
|
2215
|
+
"name": "show-ms",
|
|
2216
|
+
"description": "Whether the time should display milliseconds. Only available if the `format` prop is set to\n`time`.",
|
|
2217
|
+
"references": []
|
|
2218
|
+
},
|
|
2219
|
+
{
|
|
2220
|
+
"name": "pad-hours",
|
|
2221
|
+
"description": "Whether the hours unit should be padded with zeroes to a length of 2. Only available if\nthe `format` prop is set to `time`.",
|
|
2222
|
+
"references": []
|
|
2223
|
+
},
|
|
2224
|
+
{
|
|
2225
|
+
"name": "pad-minutes",
|
|
2226
|
+
"description": "Whether the minutes unit should be padded with zeroes to a length of 2. Setting this to `null`\nwill pad minutes when hours is >=1. Only available if the `format` prop is set to `time`.",
|
|
2227
|
+
"references": []
|
|
2228
|
+
},
|
|
2229
|
+
{
|
|
2230
|
+
"name": "decimal-places",
|
|
2231
|
+
"description": "Round the value when formatted as a percentage to the given number of decimal places. Only\navailable if `format` prop is `percent`.",
|
|
2232
|
+
"references": []
|
|
2233
|
+
}
|
|
2234
|
+
],
|
|
2235
|
+
"references": [
|
|
2236
|
+
{
|
|
2237
|
+
"name": "Documentation",
|
|
2238
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/slider-value"
|
|
2239
|
+
}
|
|
2240
|
+
]
|
|
2241
|
+
},
|
|
2242
|
+
{
|
|
2243
|
+
"name": "media-slider-video",
|
|
2244
|
+
"description": "Used to load a low-resolution video to be displayed when the user is hovering over or dragging\nthe time slider. The preview video will automatically be updated to be in-sync with the current\npreview position, so ensure it has the same length as the original media (i.e., same duration).",
|
|
2245
|
+
"attributes": [
|
|
2246
|
+
{
|
|
2247
|
+
"name": "src",
|
|
2248
|
+
"description": "The URL of a media resource to use.",
|
|
2249
|
+
"references": [
|
|
2250
|
+
{
|
|
2251
|
+
"name": "MDN",
|
|
2252
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/src"
|
|
2253
|
+
}
|
|
2254
|
+
]
|
|
2255
|
+
},
|
|
2256
|
+
{
|
|
2257
|
+
"name": "cross-origin",
|
|
2258
|
+
"description": "Defines how the media handles cross-origin requests, thereby enabling the\nconfiguration of the CORS requests for the element's fetched data.",
|
|
2259
|
+
"values": [
|
|
2260
|
+
{
|
|
2261
|
+
"name": "true"
|
|
2262
|
+
},
|
|
2263
|
+
{
|
|
2264
|
+
"name": "MediaCrossOrigin"
|
|
2265
|
+
}
|
|
2266
|
+
],
|
|
2267
|
+
"references": [
|
|
2268
|
+
{
|
|
2269
|
+
"name": "MDN",
|
|
2270
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin"
|
|
2271
|
+
}
|
|
2272
|
+
]
|
|
2273
|
+
}
|
|
2274
|
+
],
|
|
2275
|
+
"references": [
|
|
2276
|
+
{
|
|
2277
|
+
"name": "Documentation",
|
|
2278
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/slider-video"
|
|
2279
|
+
}
|
|
2280
|
+
]
|
|
2281
|
+
},
|
|
2282
|
+
{
|
|
2283
|
+
"name": "media-speed-slider",
|
|
2284
|
+
"description": "Versatile and user-friendly input playback rate control designed for seamless cross-browser and\nprovider compatibility and accessibility with ARIA support. It offers a smooth user experience\nfor both mouse and touch interactions and is highly customizable in terms of styling.",
|
|
2285
|
+
"attributes": [
|
|
2286
|
+
{
|
|
2287
|
+
"name": "min",
|
|
2288
|
+
"description": "The minimum playback rate.",
|
|
2289
|
+
"references": []
|
|
2290
|
+
},
|
|
2291
|
+
{
|
|
2292
|
+
"name": "max",
|
|
2293
|
+
"description": "The maximum playback rate.",
|
|
2294
|
+
"references": []
|
|
2295
|
+
},
|
|
2296
|
+
{
|
|
2297
|
+
"name": "disabled",
|
|
2298
|
+
"description": "Whether the slider should be disabled (non-interactive).",
|
|
2299
|
+
"references": []
|
|
2300
|
+
},
|
|
2301
|
+
{
|
|
2302
|
+
"name": "hidden",
|
|
2303
|
+
"description": "Provides a hint that the slider is not visible and stops all events and expensive updates to\nbe more power efficient.",
|
|
2304
|
+
"references": []
|
|
2305
|
+
},
|
|
2306
|
+
{
|
|
2307
|
+
"name": "orientation",
|
|
2308
|
+
"description": "The orientation of the slider.",
|
|
2309
|
+
"values": [
|
|
2310
|
+
{
|
|
2311
|
+
"name": "horizontal"
|
|
2312
|
+
},
|
|
2313
|
+
{
|
|
2314
|
+
"name": "vertical"
|
|
2315
|
+
}
|
|
2316
|
+
],
|
|
2317
|
+
"references": []
|
|
2318
|
+
},
|
|
2319
|
+
{
|
|
2320
|
+
"name": "step",
|
|
2321
|
+
"description": "A number that specifies the granularity that the slider value must adhere to.\n\nA step is an abstract unit that may carry a different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2322
|
+
"references": []
|
|
2323
|
+
},
|
|
2324
|
+
{
|
|
2325
|
+
"name": "key-step",
|
|
2326
|
+
"description": "♿ **ARIA:** A number that specifies the number of steps taken when interacting with\nthe slider via keyboard.\n\nA step is an abstract unit that may carry different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2327
|
+
"references": []
|
|
2328
|
+
},
|
|
2329
|
+
{
|
|
2330
|
+
"name": "shift-key-multiplier",
|
|
2331
|
+
"description": "♿ **ARIA:** A number that will be used to multiply the `keyStep` when the `Shift` key\nis held down and the slider value is changed by pressing `LeftArrow` or `RightArrow`. Think\nof it as `keyStep * shiftKeyMultiplier`.",
|
|
2332
|
+
"references": []
|
|
2333
|
+
}
|
|
2334
|
+
],
|
|
2335
|
+
"references": [
|
|
2336
|
+
{
|
|
2337
|
+
"name": "Documentation",
|
|
2338
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/speed-slider"
|
|
2339
|
+
}
|
|
2340
|
+
]
|
|
2341
|
+
},
|
|
2342
|
+
{
|
|
2343
|
+
"name": "media-time-slider",
|
|
2344
|
+
"description": "Versatile and user-friendly input time control designed for seamless cross-browser and provider\ncompatibility and accessibility with ARIA support. It offers a smooth user experience for both\nmouse and touch interactions and is highly customizable in terms of styling. Users can\neffortlessly change the current playback time within the range 0 to seekable end.",
|
|
2345
|
+
"attributes": [
|
|
2346
|
+
{
|
|
2347
|
+
"name": "pause-while-dragging",
|
|
2348
|
+
"description": "Whether it should request playback to pause while the user is dragging the\nthumb. If the media was playing before the dragging starts, the state will be restored by\ndispatching a user play request once the dragging ends.",
|
|
2349
|
+
"references": []
|
|
2350
|
+
},
|
|
2351
|
+
{
|
|
2352
|
+
"name": "seeking-request-throttle",
|
|
2353
|
+
"description": "The amount of milliseconds to throttle media seeking request events being dispatched.",
|
|
2354
|
+
"references": []
|
|
2355
|
+
},
|
|
2356
|
+
{
|
|
2357
|
+
"name": "no-swipe-gesture",
|
|
2358
|
+
"description": "Whether touch swiping left or right on the player canvas should activate the time slider. This\ngesture makes it easier for touch users to drag anywhere on the player left or right to\nseek backwards or forwards, without directly interacting with time slider.",
|
|
2359
|
+
"references": []
|
|
2360
|
+
},
|
|
2361
|
+
{
|
|
2362
|
+
"name": "disabled",
|
|
2363
|
+
"description": "Whether the slider should be disabled (non-interactive).",
|
|
2364
|
+
"references": []
|
|
2365
|
+
},
|
|
2366
|
+
{
|
|
2367
|
+
"name": "hidden",
|
|
2368
|
+
"description": "Provides a hint that the slider is not visible and stops all events and expensive updates to\nbe more power efficient.",
|
|
2369
|
+
"references": []
|
|
2370
|
+
},
|
|
2371
|
+
{
|
|
2372
|
+
"name": "orientation",
|
|
2373
|
+
"description": "The orientation of the slider.",
|
|
2374
|
+
"values": [
|
|
2375
|
+
{
|
|
2376
|
+
"name": "horizontal"
|
|
2377
|
+
},
|
|
2378
|
+
{
|
|
2379
|
+
"name": "vertical"
|
|
2380
|
+
}
|
|
2381
|
+
],
|
|
2382
|
+
"references": []
|
|
2383
|
+
},
|
|
2384
|
+
{
|
|
2385
|
+
"name": "step",
|
|
2386
|
+
"description": "A number that specifies the granularity that the slider value must adhere to.\n\nA step is an abstract unit that may carry a different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2387
|
+
"references": []
|
|
2388
|
+
},
|
|
2389
|
+
{
|
|
2390
|
+
"name": "key-step",
|
|
2391
|
+
"description": "♿ **ARIA:** A number that specifies the number of steps taken when interacting with\nthe slider via keyboard.\n\nA step is an abstract unit that may carry different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2392
|
+
"references": []
|
|
2393
|
+
},
|
|
2394
|
+
{
|
|
2395
|
+
"name": "shift-key-multiplier",
|
|
2396
|
+
"description": "♿ **ARIA:** A number that will be used to multiply the `keyStep` when the `Shift` key\nis held down and the slider value is changed by pressing `LeftArrow` or `RightArrow`. Think\nof it as `keyStep * shiftKeyMultiplier`.",
|
|
2397
|
+
"references": []
|
|
2398
|
+
}
|
|
2399
|
+
],
|
|
2400
|
+
"references": [
|
|
2401
|
+
{
|
|
2402
|
+
"name": "Documentation",
|
|
2403
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/time-slider"
|
|
2404
|
+
}
|
|
2405
|
+
]
|
|
2406
|
+
},
|
|
2407
|
+
{
|
|
2408
|
+
"name": "media-volume-slider",
|
|
2409
|
+
"description": "Versatile and user-friendly input volume control designed for seamless cross-browser and provider\ncompatibility and accessibility with ARIA support. It offers a smooth user experience for both\nmouse and touch interactions and is highly customizable in terms of styling. Users can\neffortlessly change the volume level within the range 0 (muted) to 100.",
|
|
2410
|
+
"attributes": [
|
|
2411
|
+
{
|
|
2412
|
+
"name": "disabled",
|
|
2413
|
+
"description": "Whether the slider should be disabled (non-interactive).",
|
|
2414
|
+
"references": []
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"name": "hidden",
|
|
2418
|
+
"description": "Provides a hint that the slider is not visible and stops all events and expensive updates to\nbe more power efficient.",
|
|
2419
|
+
"references": []
|
|
2420
|
+
},
|
|
2421
|
+
{
|
|
2422
|
+
"name": "orientation",
|
|
2423
|
+
"description": "The orientation of the slider.",
|
|
2424
|
+
"values": [
|
|
2425
|
+
{
|
|
2426
|
+
"name": "horizontal"
|
|
2427
|
+
},
|
|
2428
|
+
{
|
|
2429
|
+
"name": "vertical"
|
|
2430
|
+
}
|
|
2431
|
+
],
|
|
2432
|
+
"references": []
|
|
2433
|
+
},
|
|
2434
|
+
{
|
|
2435
|
+
"name": "step",
|
|
2436
|
+
"description": "A number that specifies the granularity that the slider value must adhere to.\n\nA step is an abstract unit that may carry a different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2437
|
+
"references": []
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"name": "key-step",
|
|
2441
|
+
"description": "♿ **ARIA:** A number that specifies the number of steps taken when interacting with\nthe slider via keyboard.\n\nA step is an abstract unit that may carry different type of measure depending on the type of\nslider. For example, for the volume slider each step is 1% of volume, and for the time slider\nit is 1 second which is a varying percentage depending on the media duration.",
|
|
2442
|
+
"references": []
|
|
2443
|
+
},
|
|
2444
|
+
{
|
|
2445
|
+
"name": "shift-key-multiplier",
|
|
2446
|
+
"description": "♿ **ARIA:** A number that will be used to multiply the `keyStep` when the `Shift` key\nis held down and the slider value is changed by pressing `LeftArrow` or `RightArrow`. Think\nof it as `keyStep * shiftKeyMultiplier`.",
|
|
2447
|
+
"references": []
|
|
2448
|
+
}
|
|
2449
|
+
],
|
|
2450
|
+
"references": [
|
|
2451
|
+
{
|
|
2452
|
+
"name": "Documentation",
|
|
2453
|
+
"url": "https://www.vidstack.io/docs/player/components/sliders/volume-slider"
|
|
2454
|
+
}
|
|
2455
|
+
]
|
|
2456
|
+
},
|
|
2457
|
+
{
|
|
2458
|
+
"name": "media-spinner",
|
|
2459
|
+
"attributes": [
|
|
2460
|
+
{
|
|
2461
|
+
"name": "size",
|
|
2462
|
+
"description": "The horizontal (width) and vertical (height) length of the spinner.",
|
|
2463
|
+
"references": []
|
|
2464
|
+
},
|
|
2465
|
+
{
|
|
2466
|
+
"name": "track-width",
|
|
2467
|
+
"description": "The width of the spinner track and track fill.",
|
|
2468
|
+
"references": []
|
|
2469
|
+
},
|
|
2470
|
+
{
|
|
2471
|
+
"name": "fill-percent",
|
|
2472
|
+
"description": "The percentage of the spinner track that should be filled.",
|
|
2473
|
+
"references": []
|
|
2474
|
+
}
|
|
2475
|
+
],
|
|
2476
|
+
"references": []
|
|
2477
|
+
},
|
|
2478
|
+
{
|
|
2479
|
+
"name": "media-thumbnail",
|
|
2480
|
+
"description": "Used to load and display a preview thumbnail at the given `time`.",
|
|
2481
|
+
"attributes": [
|
|
2482
|
+
{
|
|
2483
|
+
"name": "src",
|
|
2484
|
+
"description": "The thumbnails resource.",
|
|
2485
|
+
"values": [
|
|
2486
|
+
{
|
|
2487
|
+
"name": "ThumbnailImageInit[]"
|
|
2488
|
+
},
|
|
2489
|
+
{
|
|
2490
|
+
"name": "ThumbnailStoryboard"
|
|
2491
|
+
},
|
|
2492
|
+
{
|
|
2493
|
+
"name": "MuxThumbnailStoryboard"
|
|
2494
|
+
}
|
|
2495
|
+
],
|
|
2496
|
+
"references": [
|
|
2497
|
+
{
|
|
2498
|
+
"name": "Documentation",
|
|
2499
|
+
"url": "https://www.vidstack.io/docs/player/core-concepts/loading#thumbnails"
|
|
2500
|
+
}
|
|
2501
|
+
]
|
|
2502
|
+
},
|
|
2503
|
+
{
|
|
2504
|
+
"name": "time",
|
|
2505
|
+
"description": "Finds, loads, and displays the first active thumbnail cue that's start/end times are in range.",
|
|
2506
|
+
"references": []
|
|
2507
|
+
},
|
|
2508
|
+
{
|
|
2509
|
+
"name": "crossorigin",
|
|
2510
|
+
"description": "Defines how the media handles cross-origin requests, thereby enabling the\nconfiguration of the CORS requests for the element's fetched data.",
|
|
2511
|
+
"values": [
|
|
2512
|
+
{
|
|
2513
|
+
"name": "true"
|
|
2514
|
+
},
|
|
2515
|
+
{
|
|
2516
|
+
"name": "MediaCrossOrigin"
|
|
2517
|
+
}
|
|
2518
|
+
],
|
|
2519
|
+
"references": [
|
|
2520
|
+
{
|
|
2521
|
+
"name": "MDN",
|
|
2522
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin"
|
|
2523
|
+
}
|
|
2524
|
+
]
|
|
2525
|
+
}
|
|
2526
|
+
],
|
|
2527
|
+
"references": [
|
|
2528
|
+
{
|
|
2529
|
+
"name": "Documentation",
|
|
2530
|
+
"url": "https://www.vidstack.io/docs/player/components/display/thumbnail"
|
|
2531
|
+
}
|
|
2532
|
+
]
|
|
2533
|
+
},
|
|
2534
|
+
{
|
|
2535
|
+
"name": "media-time",
|
|
2536
|
+
"description": "Outputs a media duration (eg: `currentTime`, `duration`, `bufferedAmount`, etc.) value as time\nformatted text.",
|
|
2537
|
+
"attributes": [
|
|
2538
|
+
{
|
|
2539
|
+
"name": "type",
|
|
2540
|
+
"description": "The type of media time to track.",
|
|
2541
|
+
"values": [
|
|
2542
|
+
{
|
|
2543
|
+
"name": "buffered"
|
|
2544
|
+
},
|
|
2545
|
+
{
|
|
2546
|
+
"name": "duration"
|
|
2547
|
+
},
|
|
2548
|
+
{
|
|
2549
|
+
"name": "current"
|
|
2550
|
+
}
|
|
2551
|
+
],
|
|
2552
|
+
"references": []
|
|
2553
|
+
},
|
|
2554
|
+
{
|
|
2555
|
+
"name": "show-hours",
|
|
2556
|
+
"description": "Whether the time should always show the hours unit, even if the time is less than\n1 hour.",
|
|
2557
|
+
"references": []
|
|
2558
|
+
},
|
|
2559
|
+
{
|
|
2560
|
+
"name": "pad-hours",
|
|
2561
|
+
"description": "Whether the hours unit should be padded with zeroes to a length of 2.",
|
|
2562
|
+
"references": []
|
|
2563
|
+
},
|
|
2564
|
+
{
|
|
2565
|
+
"name": "pad-minutes",
|
|
2566
|
+
"description": "Whether the minutes unit should be padded with zeroes to a length of 2.",
|
|
2567
|
+
"references": []
|
|
2568
|
+
},
|
|
2569
|
+
{
|
|
2570
|
+
"name": "remainder",
|
|
2571
|
+
"description": "Whether to display the remaining time from the current type, until the duration is reached.",
|
|
2572
|
+
"references": []
|
|
2573
|
+
},
|
|
2574
|
+
{
|
|
2575
|
+
"name": "toggle",
|
|
2576
|
+
"description": "Whether on press the time should invert showing the remaining time (i.e., toggle the\n`remainder` prop).",
|
|
2577
|
+
"references": []
|
|
2578
|
+
},
|
|
2579
|
+
{
|
|
2580
|
+
"name": "hidden",
|
|
2581
|
+
"description": "Provides a hint that the time is not visible and stops all events and updates to be more\npower efficient.",
|
|
2582
|
+
"references": []
|
|
2583
|
+
}
|
|
2584
|
+
],
|
|
2585
|
+
"references": [
|
|
2586
|
+
{
|
|
2587
|
+
"name": "Documentation",
|
|
2588
|
+
"url": "https://www.vidstack.io/docs/player/components/display/time"
|
|
2589
|
+
}
|
|
2590
|
+
]
|
|
2591
|
+
},
|
|
2592
|
+
{
|
|
2593
|
+
"name": "media-title",
|
|
2594
|
+
"attributes": [],
|
|
2595
|
+
"references": []
|
|
2596
|
+
},
|
|
2597
|
+
{
|
|
2598
|
+
"name": "media-tooltip-content",
|
|
2599
|
+
"description": "This component contains the content that is visible when the tooltip trigger is interacted with.",
|
|
2600
|
+
"attributes": [
|
|
2601
|
+
{
|
|
2602
|
+
"name": "placement",
|
|
2603
|
+
"description": "A space-separated list which specifies the side and alignment of the tooltip content relative\nto the trigger.",
|
|
2604
|
+
"values": [
|
|
2605
|
+
{
|
|
2606
|
+
"name": "top start"
|
|
2607
|
+
},
|
|
2608
|
+
{
|
|
2609
|
+
"name": "top center"
|
|
2610
|
+
},
|
|
2611
|
+
{
|
|
2612
|
+
"name": "top end"
|
|
2613
|
+
},
|
|
2614
|
+
{
|
|
2615
|
+
"name": "bottom start"
|
|
2616
|
+
},
|
|
2617
|
+
{
|
|
2618
|
+
"name": "bottom center"
|
|
2619
|
+
},
|
|
2620
|
+
{
|
|
2621
|
+
"name": "bottom end"
|
|
2622
|
+
},
|
|
2623
|
+
{
|
|
2624
|
+
"name": "right start"
|
|
2625
|
+
},
|
|
2626
|
+
{
|
|
2627
|
+
"name": "right center"
|
|
2628
|
+
},
|
|
2629
|
+
{
|
|
2630
|
+
"name": "right end"
|
|
2631
|
+
},
|
|
2632
|
+
{
|
|
2633
|
+
"name": "left start"
|
|
2634
|
+
},
|
|
2635
|
+
{
|
|
2636
|
+
"name": "left center"
|
|
2637
|
+
},
|
|
2638
|
+
{
|
|
2639
|
+
"name": "left end"
|
|
2640
|
+
},
|
|
2641
|
+
{
|
|
2642
|
+
"name": "TooltipPlacementSide"
|
|
2643
|
+
}
|
|
2644
|
+
],
|
|
2645
|
+
"references": []
|
|
2646
|
+
},
|
|
2647
|
+
{
|
|
2648
|
+
"name": "offset",
|
|
2649
|
+
"description": "The distance in pixels between the content and the tooltip trigger. You can also set\nthe CSS variable `--media-tooltip-y-offset` to adjust this offset.",
|
|
2650
|
+
"references": []
|
|
2651
|
+
},
|
|
2652
|
+
{
|
|
2653
|
+
"name": "align-offset",
|
|
2654
|
+
"description": "The offset in pixels from the start/center/end aligned position. You can also set\nthe CSS variable `--media-tooltip-x-offset` to adjust this offset.",
|
|
2655
|
+
"references": []
|
|
2656
|
+
}
|
|
2657
|
+
],
|
|
2658
|
+
"references": [
|
|
2659
|
+
{
|
|
2660
|
+
"name": "Documentation",
|
|
2661
|
+
"url": "https://www.vidstack.io/docs/player/components/tooltip"
|
|
2662
|
+
}
|
|
2663
|
+
]
|
|
2664
|
+
},
|
|
2665
|
+
{
|
|
2666
|
+
"name": "media-tooltip",
|
|
2667
|
+
"description": "A contextual text bubble that displays a description for an element that appears on pointer\nhover or keyboard focus.",
|
|
2668
|
+
"attributes": [
|
|
2669
|
+
{
|
|
2670
|
+
"name": "show-delay",
|
|
2671
|
+
"description": "The amount of time in milliseconds to wait before showing a tooltip.",
|
|
2672
|
+
"references": []
|
|
2673
|
+
}
|
|
2674
|
+
],
|
|
2675
|
+
"references": [
|
|
2676
|
+
{
|
|
2677
|
+
"name": "Documentation",
|
|
2678
|
+
"url": "https://www.vidstack.io/docs/player/components/tooltip"
|
|
2679
|
+
},
|
|
2680
|
+
{
|
|
2681
|
+
"name": "MDN",
|
|
2682
|
+
"url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role"
|
|
2683
|
+
}
|
|
2684
|
+
]
|
|
2685
|
+
},
|
|
2686
|
+
{
|
|
2687
|
+
"name": "media-tooltip-trigger",
|
|
2688
|
+
"description": "Wraps the element that will trigger showing/hiding the tooltip on hover or keyboard focus. The\ntooltip content is positioned relative to this element.",
|
|
2689
|
+
"attributes": [],
|
|
2690
|
+
"references": [
|
|
2691
|
+
{
|
|
2692
|
+
"name": "Documentation",
|
|
2693
|
+
"url": "https://www.vidstack.io/docs/player/components/tooltip"
|
|
2694
|
+
}
|
|
2695
|
+
]
|
|
2696
|
+
},
|
|
2697
|
+
{
|
|
2698
|
+
"name": "media-icon",
|
|
2699
|
+
"description": "This component dynamically loads and renders media icons. See our [media icons catalog](https://www.vidstack.io/media-icons) to preview them all. Do note, the icon `type` can be dynamically changed.",
|
|
2700
|
+
"attributes": [
|
|
2701
|
+
{
|
|
2702
|
+
"name": "type",
|
|
2703
|
+
"values": [
|
|
2704
|
+
{
|
|
2705
|
+
"name": "accessibility",
|
|
2706
|
+
"references": [
|
|
2707
|
+
{
|
|
2708
|
+
"name": "Preview Icon",
|
|
2709
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=accessibility"
|
|
2710
|
+
}
|
|
2711
|
+
]
|
|
2712
|
+
},
|
|
2713
|
+
{
|
|
2714
|
+
"name": "add-note",
|
|
2715
|
+
"references": [
|
|
2716
|
+
{
|
|
2717
|
+
"name": "Preview Icon",
|
|
2718
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=add-note"
|
|
2719
|
+
}
|
|
2720
|
+
]
|
|
2721
|
+
},
|
|
2722
|
+
{
|
|
2723
|
+
"name": "add-playlist",
|
|
2724
|
+
"references": [
|
|
2725
|
+
{
|
|
2726
|
+
"name": "Preview Icon",
|
|
2727
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=add-playlist"
|
|
2728
|
+
}
|
|
2729
|
+
]
|
|
2730
|
+
},
|
|
2731
|
+
{
|
|
2732
|
+
"name": "add-user",
|
|
2733
|
+
"references": [
|
|
2734
|
+
{
|
|
2735
|
+
"name": "Preview Icon",
|
|
2736
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=add-user"
|
|
2737
|
+
}
|
|
2738
|
+
]
|
|
2739
|
+
},
|
|
2740
|
+
{
|
|
2741
|
+
"name": "add",
|
|
2742
|
+
"references": [
|
|
2743
|
+
{
|
|
2744
|
+
"name": "Preview Icon",
|
|
2745
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=add"
|
|
2746
|
+
}
|
|
2747
|
+
]
|
|
2748
|
+
},
|
|
2749
|
+
{
|
|
2750
|
+
"name": "airplay",
|
|
2751
|
+
"references": [
|
|
2752
|
+
{
|
|
2753
|
+
"name": "Preview Icon",
|
|
2754
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=airplay"
|
|
2755
|
+
}
|
|
2756
|
+
]
|
|
2757
|
+
},
|
|
2758
|
+
{
|
|
2759
|
+
"name": "arrow-collapse-in",
|
|
2760
|
+
"references": [
|
|
2761
|
+
{
|
|
2762
|
+
"name": "Preview Icon",
|
|
2763
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-collapse-in"
|
|
2764
|
+
}
|
|
2765
|
+
]
|
|
2766
|
+
},
|
|
2767
|
+
{
|
|
2768
|
+
"name": "arrow-collapse",
|
|
2769
|
+
"references": [
|
|
2770
|
+
{
|
|
2771
|
+
"name": "Preview Icon",
|
|
2772
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-collapse"
|
|
2773
|
+
}
|
|
2774
|
+
]
|
|
2775
|
+
},
|
|
2776
|
+
{
|
|
2777
|
+
"name": "arrow-down",
|
|
2778
|
+
"references": [
|
|
2779
|
+
{
|
|
2780
|
+
"name": "Preview Icon",
|
|
2781
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-down"
|
|
2782
|
+
}
|
|
2783
|
+
]
|
|
2784
|
+
},
|
|
2785
|
+
{
|
|
2786
|
+
"name": "arrow-expand-out",
|
|
2787
|
+
"references": [
|
|
2788
|
+
{
|
|
2789
|
+
"name": "Preview Icon",
|
|
2790
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-expand-out"
|
|
2791
|
+
}
|
|
2792
|
+
]
|
|
2793
|
+
},
|
|
2794
|
+
{
|
|
2795
|
+
"name": "arrow-expand",
|
|
2796
|
+
"references": [
|
|
2797
|
+
{
|
|
2798
|
+
"name": "Preview Icon",
|
|
2799
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-expand"
|
|
2800
|
+
}
|
|
2801
|
+
]
|
|
2802
|
+
},
|
|
2803
|
+
{
|
|
2804
|
+
"name": "arrow-left",
|
|
2805
|
+
"references": [
|
|
2806
|
+
{
|
|
2807
|
+
"name": "Preview Icon",
|
|
2808
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-left"
|
|
2809
|
+
}
|
|
2810
|
+
]
|
|
2811
|
+
},
|
|
2812
|
+
{
|
|
2813
|
+
"name": "arrow-right",
|
|
2814
|
+
"references": [
|
|
2815
|
+
{
|
|
2816
|
+
"name": "Preview Icon",
|
|
2817
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-right"
|
|
2818
|
+
}
|
|
2819
|
+
]
|
|
2820
|
+
},
|
|
2821
|
+
{
|
|
2822
|
+
"name": "arrow-up",
|
|
2823
|
+
"references": [
|
|
2824
|
+
{
|
|
2825
|
+
"name": "Preview Icon",
|
|
2826
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=arrow-up"
|
|
2827
|
+
}
|
|
2828
|
+
]
|
|
2829
|
+
},
|
|
2830
|
+
{
|
|
2831
|
+
"name": "bookmark",
|
|
2832
|
+
"references": [
|
|
2833
|
+
{
|
|
2834
|
+
"name": "Preview Icon",
|
|
2835
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=bookmark"
|
|
2836
|
+
}
|
|
2837
|
+
]
|
|
2838
|
+
},
|
|
2839
|
+
{
|
|
2840
|
+
"name": "camera",
|
|
2841
|
+
"references": [
|
|
2842
|
+
{
|
|
2843
|
+
"name": "Preview Icon",
|
|
2844
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=camera"
|
|
2845
|
+
}
|
|
2846
|
+
]
|
|
2847
|
+
},
|
|
2848
|
+
{
|
|
2849
|
+
"name": "chapters",
|
|
2850
|
+
"references": [
|
|
2851
|
+
{
|
|
2852
|
+
"name": "Preview Icon",
|
|
2853
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chapters"
|
|
2854
|
+
}
|
|
2855
|
+
]
|
|
2856
|
+
},
|
|
2857
|
+
{
|
|
2858
|
+
"name": "chat-collapse",
|
|
2859
|
+
"references": [
|
|
2860
|
+
{
|
|
2861
|
+
"name": "Preview Icon",
|
|
2862
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chat-collapse"
|
|
2863
|
+
}
|
|
2864
|
+
]
|
|
2865
|
+
},
|
|
2866
|
+
{
|
|
2867
|
+
"name": "chat",
|
|
2868
|
+
"references": [
|
|
2869
|
+
{
|
|
2870
|
+
"name": "Preview Icon",
|
|
2871
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chat"
|
|
2872
|
+
}
|
|
2873
|
+
]
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
"name": "check",
|
|
2877
|
+
"references": [
|
|
2878
|
+
{
|
|
2879
|
+
"name": "Preview Icon",
|
|
2880
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=check"
|
|
2881
|
+
}
|
|
2882
|
+
]
|
|
2883
|
+
},
|
|
2884
|
+
{
|
|
2885
|
+
"name": "chevron-down",
|
|
2886
|
+
"references": [
|
|
2887
|
+
{
|
|
2888
|
+
"name": "Preview Icon",
|
|
2889
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chevron-down"
|
|
2890
|
+
}
|
|
2891
|
+
]
|
|
2892
|
+
},
|
|
2893
|
+
{
|
|
2894
|
+
"name": "chevron-left",
|
|
2895
|
+
"references": [
|
|
2896
|
+
{
|
|
2897
|
+
"name": "Preview Icon",
|
|
2898
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chevron-left"
|
|
2899
|
+
}
|
|
2900
|
+
]
|
|
2901
|
+
},
|
|
2902
|
+
{
|
|
2903
|
+
"name": "chevron-right",
|
|
2904
|
+
"references": [
|
|
2905
|
+
{
|
|
2906
|
+
"name": "Preview Icon",
|
|
2907
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chevron-right"
|
|
2908
|
+
}
|
|
2909
|
+
]
|
|
2910
|
+
},
|
|
2911
|
+
{
|
|
2912
|
+
"name": "chevron-up",
|
|
2913
|
+
"references": [
|
|
2914
|
+
{
|
|
2915
|
+
"name": "Preview Icon",
|
|
2916
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chevron-up"
|
|
2917
|
+
}
|
|
2918
|
+
]
|
|
2919
|
+
},
|
|
2920
|
+
{
|
|
2921
|
+
"name": "chromecast",
|
|
2922
|
+
"references": [
|
|
2923
|
+
{
|
|
2924
|
+
"name": "Preview Icon",
|
|
2925
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=chromecast"
|
|
2926
|
+
}
|
|
2927
|
+
]
|
|
2928
|
+
},
|
|
2929
|
+
{
|
|
2930
|
+
"name": "clip",
|
|
2931
|
+
"references": [
|
|
2932
|
+
{
|
|
2933
|
+
"name": "Preview Icon",
|
|
2934
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=clip"
|
|
2935
|
+
}
|
|
2936
|
+
]
|
|
2937
|
+
},
|
|
2938
|
+
{
|
|
2939
|
+
"name": "closed-captions-on",
|
|
2940
|
+
"references": [
|
|
2941
|
+
{
|
|
2942
|
+
"name": "Preview Icon",
|
|
2943
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=closed-captions-on"
|
|
2944
|
+
}
|
|
2945
|
+
]
|
|
2946
|
+
},
|
|
2947
|
+
{
|
|
2948
|
+
"name": "closed-captions",
|
|
2949
|
+
"references": [
|
|
2950
|
+
{
|
|
2951
|
+
"name": "Preview Icon",
|
|
2952
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=closed-captions"
|
|
2953
|
+
}
|
|
2954
|
+
]
|
|
2955
|
+
},
|
|
2956
|
+
{
|
|
2957
|
+
"name": "comment",
|
|
2958
|
+
"references": [
|
|
2959
|
+
{
|
|
2960
|
+
"name": "Preview Icon",
|
|
2961
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=comment"
|
|
2962
|
+
}
|
|
2963
|
+
]
|
|
2964
|
+
},
|
|
2965
|
+
{
|
|
2966
|
+
"name": "computer",
|
|
2967
|
+
"references": [
|
|
2968
|
+
{
|
|
2969
|
+
"name": "Preview Icon",
|
|
2970
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=computer"
|
|
2971
|
+
}
|
|
2972
|
+
]
|
|
2973
|
+
},
|
|
2974
|
+
{
|
|
2975
|
+
"name": "device",
|
|
2976
|
+
"references": [
|
|
2977
|
+
{
|
|
2978
|
+
"name": "Preview Icon",
|
|
2979
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=device"
|
|
2980
|
+
}
|
|
2981
|
+
]
|
|
2982
|
+
},
|
|
2983
|
+
{
|
|
2984
|
+
"name": "download",
|
|
2985
|
+
"references": [
|
|
2986
|
+
{
|
|
2987
|
+
"name": "Preview Icon",
|
|
2988
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=download"
|
|
2989
|
+
}
|
|
2990
|
+
]
|
|
2991
|
+
},
|
|
2992
|
+
{
|
|
2993
|
+
"name": "episodes",
|
|
2994
|
+
"references": [
|
|
2995
|
+
{
|
|
2996
|
+
"name": "Preview Icon",
|
|
2997
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=episodes"
|
|
2998
|
+
}
|
|
2999
|
+
]
|
|
3000
|
+
},
|
|
3001
|
+
{
|
|
3002
|
+
"name": "eye",
|
|
3003
|
+
"references": [
|
|
3004
|
+
{
|
|
3005
|
+
"name": "Preview Icon",
|
|
3006
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=eye"
|
|
3007
|
+
}
|
|
3008
|
+
]
|
|
3009
|
+
},
|
|
3010
|
+
{
|
|
3011
|
+
"name": "fast-backward",
|
|
3012
|
+
"references": [
|
|
3013
|
+
{
|
|
3014
|
+
"name": "Preview Icon",
|
|
3015
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=fast-backward"
|
|
3016
|
+
}
|
|
3017
|
+
]
|
|
3018
|
+
},
|
|
3019
|
+
{
|
|
3020
|
+
"name": "fast-forward",
|
|
3021
|
+
"references": [
|
|
3022
|
+
{
|
|
3023
|
+
"name": "Preview Icon",
|
|
3024
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=fast-forward"
|
|
3025
|
+
}
|
|
3026
|
+
]
|
|
3027
|
+
},
|
|
3028
|
+
{
|
|
3029
|
+
"name": "flag",
|
|
3030
|
+
"references": [
|
|
3031
|
+
{
|
|
3032
|
+
"name": "Preview Icon",
|
|
3033
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=flag"
|
|
3034
|
+
}
|
|
3035
|
+
]
|
|
3036
|
+
},
|
|
3037
|
+
{
|
|
3038
|
+
"name": "fullscreen-arrow-exit",
|
|
3039
|
+
"references": [
|
|
3040
|
+
{
|
|
3041
|
+
"name": "Preview Icon",
|
|
3042
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=fullscreen-arrow-exit"
|
|
3043
|
+
}
|
|
3044
|
+
]
|
|
3045
|
+
},
|
|
3046
|
+
{
|
|
3047
|
+
"name": "fullscreen-arrow",
|
|
3048
|
+
"references": [
|
|
3049
|
+
{
|
|
3050
|
+
"name": "Preview Icon",
|
|
3051
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=fullscreen-arrow"
|
|
3052
|
+
}
|
|
3053
|
+
]
|
|
3054
|
+
},
|
|
3055
|
+
{
|
|
3056
|
+
"name": "fullscreen-exit",
|
|
3057
|
+
"references": [
|
|
3058
|
+
{
|
|
3059
|
+
"name": "Preview Icon",
|
|
3060
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=fullscreen-exit"
|
|
3061
|
+
}
|
|
3062
|
+
]
|
|
3063
|
+
},
|
|
3064
|
+
{
|
|
3065
|
+
"name": "fullscreen",
|
|
3066
|
+
"references": [
|
|
3067
|
+
{
|
|
3068
|
+
"name": "Preview Icon",
|
|
3069
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=fullscreen"
|
|
3070
|
+
}
|
|
3071
|
+
]
|
|
3072
|
+
},
|
|
3073
|
+
{
|
|
3074
|
+
"name": "heart",
|
|
3075
|
+
"references": [
|
|
3076
|
+
{
|
|
3077
|
+
"name": "Preview Icon",
|
|
3078
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=heart"
|
|
3079
|
+
}
|
|
3080
|
+
]
|
|
3081
|
+
},
|
|
3082
|
+
{
|
|
3083
|
+
"name": "info",
|
|
3084
|
+
"references": [
|
|
3085
|
+
{
|
|
3086
|
+
"name": "Preview Icon",
|
|
3087
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=info"
|
|
3088
|
+
}
|
|
3089
|
+
]
|
|
3090
|
+
},
|
|
3091
|
+
{
|
|
3092
|
+
"name": "language",
|
|
3093
|
+
"references": [
|
|
3094
|
+
{
|
|
3095
|
+
"name": "Preview Icon",
|
|
3096
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=language"
|
|
3097
|
+
}
|
|
3098
|
+
]
|
|
3099
|
+
},
|
|
3100
|
+
{
|
|
3101
|
+
"name": "link",
|
|
3102
|
+
"references": [
|
|
3103
|
+
{
|
|
3104
|
+
"name": "Preview Icon",
|
|
3105
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=link"
|
|
3106
|
+
}
|
|
3107
|
+
]
|
|
3108
|
+
},
|
|
3109
|
+
{
|
|
3110
|
+
"name": "lock-closed",
|
|
3111
|
+
"references": [
|
|
3112
|
+
{
|
|
3113
|
+
"name": "Preview Icon",
|
|
3114
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=lock-closed"
|
|
3115
|
+
}
|
|
3116
|
+
]
|
|
3117
|
+
},
|
|
3118
|
+
{
|
|
3119
|
+
"name": "lock-open",
|
|
3120
|
+
"references": [
|
|
3121
|
+
{
|
|
3122
|
+
"name": "Preview Icon",
|
|
3123
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=lock-open"
|
|
3124
|
+
}
|
|
3125
|
+
]
|
|
3126
|
+
},
|
|
3127
|
+
{
|
|
3128
|
+
"name": "menu-horizontal",
|
|
3129
|
+
"references": [
|
|
3130
|
+
{
|
|
3131
|
+
"name": "Preview Icon",
|
|
3132
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=menu-horizontal"
|
|
3133
|
+
}
|
|
3134
|
+
]
|
|
3135
|
+
},
|
|
3136
|
+
{
|
|
3137
|
+
"name": "menu-vertical",
|
|
3138
|
+
"references": [
|
|
3139
|
+
{
|
|
3140
|
+
"name": "Preview Icon",
|
|
3141
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=menu-vertical"
|
|
3142
|
+
}
|
|
3143
|
+
]
|
|
3144
|
+
},
|
|
3145
|
+
{
|
|
3146
|
+
"name": "microphone",
|
|
3147
|
+
"references": [
|
|
3148
|
+
{
|
|
3149
|
+
"name": "Preview Icon",
|
|
3150
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=microphone"
|
|
3151
|
+
}
|
|
3152
|
+
]
|
|
3153
|
+
},
|
|
3154
|
+
{
|
|
3155
|
+
"name": "mobile",
|
|
3156
|
+
"references": [
|
|
3157
|
+
{
|
|
3158
|
+
"name": "Preview Icon",
|
|
3159
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=mobile"
|
|
3160
|
+
}
|
|
3161
|
+
]
|
|
3162
|
+
},
|
|
3163
|
+
{
|
|
3164
|
+
"name": "moon",
|
|
3165
|
+
"references": [
|
|
3166
|
+
{
|
|
3167
|
+
"name": "Preview Icon",
|
|
3168
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=moon"
|
|
3169
|
+
}
|
|
3170
|
+
]
|
|
3171
|
+
},
|
|
3172
|
+
{
|
|
3173
|
+
"name": "music-off",
|
|
3174
|
+
"references": [
|
|
3175
|
+
{
|
|
3176
|
+
"name": "Preview Icon",
|
|
3177
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=music-off"
|
|
3178
|
+
}
|
|
3179
|
+
]
|
|
3180
|
+
},
|
|
3181
|
+
{
|
|
3182
|
+
"name": "music",
|
|
3183
|
+
"references": [
|
|
3184
|
+
{
|
|
3185
|
+
"name": "Preview Icon",
|
|
3186
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=music"
|
|
3187
|
+
}
|
|
3188
|
+
]
|
|
3189
|
+
},
|
|
3190
|
+
{
|
|
3191
|
+
"name": "mute",
|
|
3192
|
+
"references": [
|
|
3193
|
+
{
|
|
3194
|
+
"name": "Preview Icon",
|
|
3195
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=mute"
|
|
3196
|
+
}
|
|
3197
|
+
]
|
|
3198
|
+
},
|
|
3199
|
+
{
|
|
3200
|
+
"name": "next",
|
|
3201
|
+
"references": [
|
|
3202
|
+
{
|
|
3203
|
+
"name": "Preview Icon",
|
|
3204
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=next"
|
|
3205
|
+
}
|
|
3206
|
+
]
|
|
3207
|
+
},
|
|
3208
|
+
{
|
|
3209
|
+
"name": "no-eye",
|
|
3210
|
+
"references": [
|
|
3211
|
+
{
|
|
3212
|
+
"name": "Preview Icon",
|
|
3213
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=no-eye"
|
|
3214
|
+
}
|
|
3215
|
+
]
|
|
3216
|
+
},
|
|
3217
|
+
{
|
|
3218
|
+
"name": "notification",
|
|
3219
|
+
"references": [
|
|
3220
|
+
{
|
|
3221
|
+
"name": "Preview Icon",
|
|
3222
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=notification"
|
|
3223
|
+
}
|
|
3224
|
+
]
|
|
3225
|
+
},
|
|
3226
|
+
{
|
|
3227
|
+
"name": "odometer",
|
|
3228
|
+
"references": [
|
|
3229
|
+
{
|
|
3230
|
+
"name": "Preview Icon",
|
|
3231
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=odometer"
|
|
3232
|
+
}
|
|
3233
|
+
]
|
|
3234
|
+
},
|
|
3235
|
+
{
|
|
3236
|
+
"name": "pause",
|
|
3237
|
+
"references": [
|
|
3238
|
+
{
|
|
3239
|
+
"name": "Preview Icon",
|
|
3240
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=pause"
|
|
3241
|
+
}
|
|
3242
|
+
]
|
|
3243
|
+
},
|
|
3244
|
+
{
|
|
3245
|
+
"name": "picture-in-picture-exit",
|
|
3246
|
+
"references": [
|
|
3247
|
+
{
|
|
3248
|
+
"name": "Preview Icon",
|
|
3249
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=picture-in-picture-exit"
|
|
3250
|
+
}
|
|
3251
|
+
]
|
|
3252
|
+
},
|
|
3253
|
+
{
|
|
3254
|
+
"name": "picture-in-picture",
|
|
3255
|
+
"references": [
|
|
3256
|
+
{
|
|
3257
|
+
"name": "Preview Icon",
|
|
3258
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=picture-in-picture"
|
|
3259
|
+
}
|
|
3260
|
+
]
|
|
3261
|
+
},
|
|
3262
|
+
{
|
|
3263
|
+
"name": "play",
|
|
3264
|
+
"references": [
|
|
3265
|
+
{
|
|
3266
|
+
"name": "Preview Icon",
|
|
3267
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=play"
|
|
3268
|
+
}
|
|
3269
|
+
]
|
|
3270
|
+
},
|
|
3271
|
+
{
|
|
3272
|
+
"name": "playback-speed-circle",
|
|
3273
|
+
"references": [
|
|
3274
|
+
{
|
|
3275
|
+
"name": "Preview Icon",
|
|
3276
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=playback-speed-circle"
|
|
3277
|
+
}
|
|
3278
|
+
]
|
|
3279
|
+
},
|
|
3280
|
+
{
|
|
3281
|
+
"name": "playlist",
|
|
3282
|
+
"references": [
|
|
3283
|
+
{
|
|
3284
|
+
"name": "Preview Icon",
|
|
3285
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=playlist"
|
|
3286
|
+
}
|
|
3287
|
+
]
|
|
3288
|
+
},
|
|
3289
|
+
{
|
|
3290
|
+
"name": "previous",
|
|
3291
|
+
"references": [
|
|
3292
|
+
{
|
|
3293
|
+
"name": "Preview Icon",
|
|
3294
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=previous"
|
|
3295
|
+
}
|
|
3296
|
+
]
|
|
3297
|
+
},
|
|
3298
|
+
{
|
|
3299
|
+
"name": "question-mark",
|
|
3300
|
+
"references": [
|
|
3301
|
+
{
|
|
3302
|
+
"name": "Preview Icon",
|
|
3303
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=question-mark"
|
|
3304
|
+
}
|
|
3305
|
+
]
|
|
3306
|
+
},
|
|
3307
|
+
{
|
|
3308
|
+
"name": "queue-list",
|
|
3309
|
+
"references": [
|
|
3310
|
+
{
|
|
3311
|
+
"name": "Preview Icon",
|
|
3312
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=queue-list"
|
|
3313
|
+
}
|
|
3314
|
+
]
|
|
3315
|
+
},
|
|
3316
|
+
{
|
|
3317
|
+
"name": "radio-button-selected",
|
|
3318
|
+
"references": [
|
|
3319
|
+
{
|
|
3320
|
+
"name": "Preview Icon",
|
|
3321
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=radio-button-selected"
|
|
3322
|
+
}
|
|
3323
|
+
]
|
|
3324
|
+
},
|
|
3325
|
+
{
|
|
3326
|
+
"name": "radio-button",
|
|
3327
|
+
"references": [
|
|
3328
|
+
{
|
|
3329
|
+
"name": "Preview Icon",
|
|
3330
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=radio-button"
|
|
3331
|
+
}
|
|
3332
|
+
]
|
|
3333
|
+
},
|
|
3334
|
+
{
|
|
3335
|
+
"name": "repeat-on",
|
|
3336
|
+
"references": [
|
|
3337
|
+
{
|
|
3338
|
+
"name": "Preview Icon",
|
|
3339
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=repeat-on"
|
|
3340
|
+
}
|
|
3341
|
+
]
|
|
3342
|
+
},
|
|
3343
|
+
{
|
|
3344
|
+
"name": "repeat-square-on",
|
|
3345
|
+
"references": [
|
|
3346
|
+
{
|
|
3347
|
+
"name": "Preview Icon",
|
|
3348
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=repeat-square-on"
|
|
3349
|
+
}
|
|
3350
|
+
]
|
|
3351
|
+
},
|
|
3352
|
+
{
|
|
3353
|
+
"name": "repeat-square",
|
|
3354
|
+
"references": [
|
|
3355
|
+
{
|
|
3356
|
+
"name": "Preview Icon",
|
|
3357
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=repeat-square"
|
|
3358
|
+
}
|
|
3359
|
+
]
|
|
3360
|
+
},
|
|
3361
|
+
{
|
|
3362
|
+
"name": "repeat",
|
|
3363
|
+
"references": [
|
|
3364
|
+
{
|
|
3365
|
+
"name": "Preview Icon",
|
|
3366
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=repeat"
|
|
3367
|
+
}
|
|
3368
|
+
]
|
|
3369
|
+
},
|
|
3370
|
+
{
|
|
3371
|
+
"name": "replay",
|
|
3372
|
+
"references": [
|
|
3373
|
+
{
|
|
3374
|
+
"name": "Preview Icon",
|
|
3375
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=replay"
|
|
3376
|
+
}
|
|
3377
|
+
]
|
|
3378
|
+
},
|
|
3379
|
+
{
|
|
3380
|
+
"name": "rotate",
|
|
3381
|
+
"references": [
|
|
3382
|
+
{
|
|
3383
|
+
"name": "Preview Icon",
|
|
3384
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=rotate"
|
|
3385
|
+
}
|
|
3386
|
+
]
|
|
3387
|
+
},
|
|
3388
|
+
{
|
|
3389
|
+
"name": "search",
|
|
3390
|
+
"references": [
|
|
3391
|
+
{
|
|
3392
|
+
"name": "Preview Icon",
|
|
3393
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=search"
|
|
3394
|
+
}
|
|
3395
|
+
]
|
|
3396
|
+
},
|
|
3397
|
+
{
|
|
3398
|
+
"name": "seek-backward-10",
|
|
3399
|
+
"references": [
|
|
3400
|
+
{
|
|
3401
|
+
"name": "Preview Icon",
|
|
3402
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-backward-10"
|
|
3403
|
+
}
|
|
3404
|
+
]
|
|
3405
|
+
},
|
|
3406
|
+
{
|
|
3407
|
+
"name": "seek-backward-15",
|
|
3408
|
+
"references": [
|
|
3409
|
+
{
|
|
3410
|
+
"name": "Preview Icon",
|
|
3411
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-backward-15"
|
|
3412
|
+
}
|
|
3413
|
+
]
|
|
3414
|
+
},
|
|
3415
|
+
{
|
|
3416
|
+
"name": "seek-backward-30",
|
|
3417
|
+
"references": [
|
|
3418
|
+
{
|
|
3419
|
+
"name": "Preview Icon",
|
|
3420
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-backward-30"
|
|
3421
|
+
}
|
|
3422
|
+
]
|
|
3423
|
+
},
|
|
3424
|
+
{
|
|
3425
|
+
"name": "seek-backward",
|
|
3426
|
+
"references": [
|
|
3427
|
+
{
|
|
3428
|
+
"name": "Preview Icon",
|
|
3429
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-backward"
|
|
3430
|
+
}
|
|
3431
|
+
]
|
|
3432
|
+
},
|
|
3433
|
+
{
|
|
3434
|
+
"name": "seek-forward-10",
|
|
3435
|
+
"references": [
|
|
3436
|
+
{
|
|
3437
|
+
"name": "Preview Icon",
|
|
3438
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-forward-10"
|
|
3439
|
+
}
|
|
3440
|
+
]
|
|
3441
|
+
},
|
|
3442
|
+
{
|
|
3443
|
+
"name": "seek-forward-15",
|
|
3444
|
+
"references": [
|
|
3445
|
+
{
|
|
3446
|
+
"name": "Preview Icon",
|
|
3447
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-forward-15"
|
|
3448
|
+
}
|
|
3449
|
+
]
|
|
3450
|
+
},
|
|
3451
|
+
{
|
|
3452
|
+
"name": "seek-forward-30",
|
|
3453
|
+
"references": [
|
|
3454
|
+
{
|
|
3455
|
+
"name": "Preview Icon",
|
|
3456
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-forward-30"
|
|
3457
|
+
}
|
|
3458
|
+
]
|
|
3459
|
+
},
|
|
3460
|
+
{
|
|
3461
|
+
"name": "seek-forward",
|
|
3462
|
+
"references": [
|
|
3463
|
+
{
|
|
3464
|
+
"name": "Preview Icon",
|
|
3465
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=seek-forward"
|
|
3466
|
+
}
|
|
3467
|
+
]
|
|
3468
|
+
},
|
|
3469
|
+
{
|
|
3470
|
+
"name": "send",
|
|
3471
|
+
"references": [
|
|
3472
|
+
{
|
|
3473
|
+
"name": "Preview Icon",
|
|
3474
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=send"
|
|
3475
|
+
}
|
|
3476
|
+
]
|
|
3477
|
+
},
|
|
3478
|
+
{
|
|
3479
|
+
"name": "settings-menu",
|
|
3480
|
+
"references": [
|
|
3481
|
+
{
|
|
3482
|
+
"name": "Preview Icon",
|
|
3483
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=settings-menu"
|
|
3484
|
+
}
|
|
3485
|
+
]
|
|
3486
|
+
},
|
|
3487
|
+
{
|
|
3488
|
+
"name": "settings-switch",
|
|
3489
|
+
"references": [
|
|
3490
|
+
{
|
|
3491
|
+
"name": "Preview Icon",
|
|
3492
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=settings-switch"
|
|
3493
|
+
}
|
|
3494
|
+
]
|
|
3495
|
+
},
|
|
3496
|
+
{
|
|
3497
|
+
"name": "settings",
|
|
3498
|
+
"references": [
|
|
3499
|
+
{
|
|
3500
|
+
"name": "Preview Icon",
|
|
3501
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=settings"
|
|
3502
|
+
}
|
|
3503
|
+
]
|
|
3504
|
+
},
|
|
3505
|
+
{
|
|
3506
|
+
"name": "share-arrow",
|
|
3507
|
+
"references": [
|
|
3508
|
+
{
|
|
3509
|
+
"name": "Preview Icon",
|
|
3510
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=share-arrow"
|
|
3511
|
+
}
|
|
3512
|
+
]
|
|
3513
|
+
},
|
|
3514
|
+
{
|
|
3515
|
+
"name": "share",
|
|
3516
|
+
"references": [
|
|
3517
|
+
{
|
|
3518
|
+
"name": "Preview Icon",
|
|
3519
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=share"
|
|
3520
|
+
}
|
|
3521
|
+
]
|
|
3522
|
+
},
|
|
3523
|
+
{
|
|
3524
|
+
"name": "shuffle-on",
|
|
3525
|
+
"references": [
|
|
3526
|
+
{
|
|
3527
|
+
"name": "Preview Icon",
|
|
3528
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=shuffle-on"
|
|
3529
|
+
}
|
|
3530
|
+
]
|
|
3531
|
+
},
|
|
3532
|
+
{
|
|
3533
|
+
"name": "shuffle",
|
|
3534
|
+
"references": [
|
|
3535
|
+
{
|
|
3536
|
+
"name": "Preview Icon",
|
|
3537
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=shuffle"
|
|
3538
|
+
}
|
|
3539
|
+
]
|
|
3540
|
+
},
|
|
3541
|
+
{
|
|
3542
|
+
"name": "stop",
|
|
3543
|
+
"references": [
|
|
3544
|
+
{
|
|
3545
|
+
"name": "Preview Icon",
|
|
3546
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=stop"
|
|
3547
|
+
}
|
|
3548
|
+
]
|
|
3549
|
+
},
|
|
3550
|
+
{
|
|
3551
|
+
"name": "subtitles",
|
|
3552
|
+
"references": [
|
|
3553
|
+
{
|
|
3554
|
+
"name": "Preview Icon",
|
|
3555
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=subtitles"
|
|
3556
|
+
}
|
|
3557
|
+
]
|
|
3558
|
+
},
|
|
3559
|
+
{
|
|
3560
|
+
"name": "sun",
|
|
3561
|
+
"references": [
|
|
3562
|
+
{
|
|
3563
|
+
"name": "Preview Icon",
|
|
3564
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=sun"
|
|
3565
|
+
}
|
|
3566
|
+
]
|
|
3567
|
+
},
|
|
3568
|
+
{
|
|
3569
|
+
"name": "theatre-mode-exit",
|
|
3570
|
+
"references": [
|
|
3571
|
+
{
|
|
3572
|
+
"name": "Preview Icon",
|
|
3573
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=theatre-mode-exit"
|
|
3574
|
+
}
|
|
3575
|
+
]
|
|
3576
|
+
},
|
|
3577
|
+
{
|
|
3578
|
+
"name": "theatre-mode",
|
|
3579
|
+
"references": [
|
|
3580
|
+
{
|
|
3581
|
+
"name": "Preview Icon",
|
|
3582
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=theatre-mode"
|
|
3583
|
+
}
|
|
3584
|
+
]
|
|
3585
|
+
},
|
|
3586
|
+
{
|
|
3587
|
+
"name": "thumbs-down",
|
|
3588
|
+
"references": [
|
|
3589
|
+
{
|
|
3590
|
+
"name": "Preview Icon",
|
|
3591
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=thumbs-down"
|
|
3592
|
+
}
|
|
3593
|
+
]
|
|
3594
|
+
},
|
|
3595
|
+
{
|
|
3596
|
+
"name": "thumbs-up",
|
|
3597
|
+
"references": [
|
|
3598
|
+
{
|
|
3599
|
+
"name": "Preview Icon",
|
|
3600
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=thumbs-up"
|
|
3601
|
+
}
|
|
3602
|
+
]
|
|
3603
|
+
},
|
|
3604
|
+
{
|
|
3605
|
+
"name": "timer",
|
|
3606
|
+
"references": [
|
|
3607
|
+
{
|
|
3608
|
+
"name": "Preview Icon",
|
|
3609
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=timer"
|
|
3610
|
+
}
|
|
3611
|
+
]
|
|
3612
|
+
},
|
|
3613
|
+
{
|
|
3614
|
+
"name": "transcript",
|
|
3615
|
+
"references": [
|
|
3616
|
+
{
|
|
3617
|
+
"name": "Preview Icon",
|
|
3618
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=transcript"
|
|
3619
|
+
}
|
|
3620
|
+
]
|
|
3621
|
+
},
|
|
3622
|
+
{
|
|
3623
|
+
"name": "tv",
|
|
3624
|
+
"references": [
|
|
3625
|
+
{
|
|
3626
|
+
"name": "Preview Icon",
|
|
3627
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=tv"
|
|
3628
|
+
}
|
|
3629
|
+
]
|
|
3630
|
+
},
|
|
3631
|
+
{
|
|
3632
|
+
"name": "user",
|
|
3633
|
+
"references": [
|
|
3634
|
+
{
|
|
3635
|
+
"name": "Preview Icon",
|
|
3636
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=user"
|
|
3637
|
+
}
|
|
3638
|
+
]
|
|
3639
|
+
},
|
|
3640
|
+
{
|
|
3641
|
+
"name": "volume-high",
|
|
3642
|
+
"references": [
|
|
3643
|
+
{
|
|
3644
|
+
"name": "Preview Icon",
|
|
3645
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=volume-high"
|
|
3646
|
+
}
|
|
3647
|
+
]
|
|
3648
|
+
},
|
|
3649
|
+
{
|
|
3650
|
+
"name": "volume-low",
|
|
3651
|
+
"references": [
|
|
3652
|
+
{
|
|
3653
|
+
"name": "Preview Icon",
|
|
3654
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=volume-low"
|
|
3655
|
+
}
|
|
3656
|
+
]
|
|
3657
|
+
},
|
|
3658
|
+
{
|
|
3659
|
+
"name": "x-mark",
|
|
3660
|
+
"references": [
|
|
3661
|
+
{
|
|
3662
|
+
"name": "Preview Icon",
|
|
3663
|
+
"url": "https://vidstack.io/media-icons?lib=html&icon=x-mark"
|
|
3664
|
+
}
|
|
3665
|
+
]
|
|
3666
|
+
}
|
|
3667
|
+
]
|
|
3668
|
+
}
|
|
3669
|
+
],
|
|
3670
|
+
"references": [
|
|
3671
|
+
{
|
|
3672
|
+
"name": "Documentation",
|
|
3673
|
+
"url": "https://www.vidstack.io/docs/player/components/display/icons"
|
|
3674
|
+
}
|
|
3675
|
+
]
|
|
3676
|
+
}
|
|
3677
|
+
]
|
|
3678
|
+
}
|