videojs-mobile-ui 0.8.0 → 1.0.0

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.
Files changed (45) hide show
  1. package/README.md +4 -2
  2. package/dist/lang/de.js +3 -0
  3. package/dist/lang/en.js +1 -1
  4. package/dist/lang/it.js +3 -0
  5. package/dist/videojs-mobile-ui.cjs.js +110 -185
  6. package/dist/videojs-mobile-ui.css +2 -2
  7. package/dist/videojs-mobile-ui.es.js +110 -184
  8. package/dist/videojs-mobile-ui.js +117 -231
  9. package/dist/videojs-mobile-ui.min.js +2 -2
  10. package/index.html +1 -7
  11. package/package.json +10 -10
  12. package/src/plugin.css +13 -1
  13. package/src/plugin.js +5 -33
  14. package/src/touchOverlay.js +46 -56
  15. package/CHANGELOG.md +0 -95
  16. package/docs/api/TouchOverlay.html +0 -964
  17. package/docs/api/fonts/OpenSans-Bold-webfont.eot +0 -0
  18. package/docs/api/fonts/OpenSans-Bold-webfont.svg +0 -1830
  19. package/docs/api/fonts/OpenSans-Bold-webfont.woff +0 -0
  20. package/docs/api/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
  21. package/docs/api/fonts/OpenSans-BoldItalic-webfont.svg +0 -1830
  22. package/docs/api/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
  23. package/docs/api/fonts/OpenSans-Italic-webfont.eot +0 -0
  24. package/docs/api/fonts/OpenSans-Italic-webfont.svg +0 -1830
  25. package/docs/api/fonts/OpenSans-Italic-webfont.woff +0 -0
  26. package/docs/api/fonts/OpenSans-Light-webfont.eot +0 -0
  27. package/docs/api/fonts/OpenSans-Light-webfont.svg +0 -1831
  28. package/docs/api/fonts/OpenSans-Light-webfont.woff +0 -0
  29. package/docs/api/fonts/OpenSans-LightItalic-webfont.eot +0 -0
  30. package/docs/api/fonts/OpenSans-LightItalic-webfont.svg +0 -1835
  31. package/docs/api/fonts/OpenSans-LightItalic-webfont.woff +0 -0
  32. package/docs/api/fonts/OpenSans-Regular-webfont.eot +0 -0
  33. package/docs/api/fonts/OpenSans-Regular-webfont.svg +0 -1831
  34. package/docs/api/fonts/OpenSans-Regular-webfont.woff +0 -0
  35. package/docs/api/global.html +0 -957
  36. package/docs/api/index.html +0 -159
  37. package/docs/api/plugin.js.html +0 -221
  38. package/docs/api/scripts/linenumber.js +0 -25
  39. package/docs/api/scripts/prettify/Apache-License-2.0.txt +0 -202
  40. package/docs/api/scripts/prettify/lang-css.js +0 -2
  41. package/docs/api/scripts/prettify/prettify.js +0 -28
  42. package/docs/api/styles/jsdoc-default.css +0 -358
  43. package/docs/api/styles/prettify-jsdoc.css +0 -111
  44. package/docs/api/styles/prettify-tomorrow.css +0 -132
  45. package/docs/api/touchOverlay.js.html +0 -211
@@ -1,964 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <title>JSDoc: Class: TouchOverlay</title>
6
-
7
- <script src="scripts/prettify/prettify.js"> </script>
8
- <script src="scripts/prettify/lang-css.js"> </script>
9
- <!--[if lt IE 9]>
10
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11
- <![endif]-->
12
- <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
13
- <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
14
- </head>
15
-
16
- <body>
17
-
18
- <div id="main">
19
-
20
- <h1 class="page-title">Class: TouchOverlay</h1>
21
-
22
-
23
-
24
-
25
-
26
-
27
- <section>
28
-
29
- <header>
30
-
31
- <h2><span class="attribs"><span class="type-signature"></span></span>TouchOverlay<span class="signature">(player, options<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h2>
32
-
33
- <div class="class-description"><p>The <code>TouchOverlay</code> is an overlay to capture tap events.</p></div>
34
-
35
-
36
- </header>
37
-
38
- <article>
39
- <div class="container-overview">
40
-
41
-
42
-
43
-
44
- <h2>Constructor</h2>
45
-
46
-
47
-
48
- <h4 class="name" id="TouchOverlay"><span class="type-signature"></span>new TouchOverlay<span class="signature">(player, options<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
49
-
50
-
51
-
52
-
53
-
54
-
55
- <div class="description">
56
- <p>Creates an instance of the this class.</p>
57
- </div>
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
-
66
-
67
- <h5>Parameters:</h5>
68
-
69
-
70
- <table class="params">
71
- <thead>
72
- <tr>
73
-
74
- <th>Name</th>
75
-
76
-
77
- <th>Type</th>
78
-
79
-
80
- <th>Attributes</th>
81
-
82
-
83
-
84
-
85
- <th class="last">Description</th>
86
- </tr>
87
- </thead>
88
-
89
- <tbody>
90
-
91
-
92
- <tr>
93
-
94
- <td class="name"><code>player</code></td>
95
-
96
-
97
- <td class="type">
98
-
99
-
100
- <span class="param-type">Player</span>
101
-
102
-
103
-
104
- </td>
105
-
106
-
107
- <td class="attributes">
108
-
109
-
110
-
111
-
112
-
113
- </td>
114
-
115
-
116
-
117
-
118
- <td class="description last"><p>The <code>Player</code> that this class should be attached to.</p></td>
119
- </tr>
120
-
121
-
122
-
123
- <tr>
124
-
125
- <td class="name"><code>options</code></td>
126
-
127
-
128
- <td class="type">
129
-
130
-
131
- <span class="param-type">Object</span>
132
-
133
-
134
-
135
- </td>
136
-
137
-
138
- <td class="attributes">
139
-
140
- &lt;optional><br>
141
-
142
-
143
-
144
-
145
-
146
- </td>
147
-
148
-
149
-
150
-
151
- <td class="description last"><p>The key/value store of player options.</p></td>
152
- </tr>
153
-
154
-
155
- </tbody>
156
- </table>
157
-
158
-
159
-
160
-
161
-
162
-
163
- <dl class="details">
164
-
165
-
166
-
167
-
168
-
169
-
170
-
171
-
172
-
173
-
174
-
175
-
176
-
177
-
178
-
179
-
180
-
181
-
182
-
183
-
184
-
185
-
186
-
187
-
188
-
189
-
190
- <dt class="tag-source">Source:</dt>
191
- <dd class="tag-source"><ul class="dummy"><li>
192
- <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line17">line 17</a>
193
- </li></ul></dd>
194
-
195
-
196
-
197
-
198
-
199
-
200
-
201
- </dl>
202
-
203
-
204
-
205
-
206
-
207
-
208
-
209
-
210
-
211
-
212
-
213
-
214
-
215
-
216
-
217
-
218
-
219
-
220
-
221
- </div>
222
-
223
-
224
- <h3 class="subsection-title">Extends</h3>
225
-
226
-
227
-
228
-
229
- <ul>
230
- <li>Component</li>
231
- </ul>
232
-
233
-
234
-
235
-
236
-
237
-
238
-
239
-
240
-
241
-
242
-
243
-
244
-
245
-
246
-
247
-
248
-
249
- <h3 class="subsection-title">Methods</h3>
250
-
251
-
252
-
253
-
254
-
255
-
256
-
257
- <h4 class="name" id="createEl"><span class="type-signature"></span>createEl<span class="signature">()</span><span class="type-signature"> &rarr; {Element}</span></h4>
258
-
259
-
260
-
261
-
262
-
263
-
264
- <div class="description">
265
- <p>Builds the DOM element.</p>
266
- </div>
267
-
268
-
269
-
270
-
271
-
272
-
273
-
274
-
275
-
276
-
277
-
278
-
279
-
280
- <dl class="details">
281
-
282
-
283
-
284
-
285
-
286
-
287
-
288
-
289
-
290
-
291
-
292
-
293
-
294
-
295
-
296
-
297
-
298
-
299
-
300
-
301
-
302
-
303
-
304
-
305
-
306
-
307
- <dt class="tag-source">Source:</dt>
308
- <dd class="tag-source"><ul class="dummy"><li>
309
- <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line56">line 56</a>
310
- </li></ul></dd>
311
-
312
-
313
-
314
-
315
-
316
-
317
-
318
- </dl>
319
-
320
-
321
-
322
-
323
-
324
-
325
-
326
-
327
-
328
-
329
-
330
-
331
-
332
- <h5>Returns:</h5>
333
-
334
-
335
- <div class="param-desc">
336
- <p>The DOM element.</p>
337
- </div>
338
-
339
-
340
-
341
- <dl>
342
- <dt>
343
- Type
344
- </dt>
345
- <dd>
346
-
347
- <span class="param-type">Element</span>
348
-
349
-
350
- </dd>
351
- </dl>
352
-
353
-
354
-
355
-
356
-
357
-
358
-
359
-
360
-
361
-
362
-
363
-
364
-
365
- <h4 class="name" id="disable"><span class="type-signature"></span>disable<span class="signature">()</span><span class="type-signature"></span></h4>
366
-
367
-
368
-
369
-
370
-
371
-
372
- <div class="description">
373
- <p>Disables touch handler</p>
374
- </div>
375
-
376
-
377
-
378
-
379
-
380
-
381
-
382
-
383
-
384
-
385
-
386
-
387
-
388
- <dl class="details">
389
-
390
-
391
-
392
-
393
-
394
-
395
-
396
-
397
-
398
-
399
-
400
-
401
-
402
-
403
-
404
-
405
-
406
-
407
-
408
-
409
-
410
-
411
-
412
-
413
-
414
-
415
- <dt class="tag-source">Source:</dt>
416
- <dd class="tag-source"><ul class="dummy"><li>
417
- <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line153">line 153</a>
418
- </li></ul></dd>
419
-
420
-
421
-
422
-
423
-
424
-
425
-
426
- </dl>
427
-
428
-
429
-
430
-
431
-
432
-
433
-
434
-
435
-
436
-
437
-
438
-
439
-
440
-
441
-
442
-
443
-
444
-
445
-
446
-
447
-
448
-
449
-
450
-
451
- <h4 class="name" id="enable"><span class="type-signature"></span>enable<span class="signature">()</span><span class="type-signature"></span></h4>
452
-
453
-
454
-
455
-
456
-
457
-
458
- <div class="description">
459
- <p>Enables touch handler</p>
460
- </div>
461
-
462
-
463
-
464
-
465
-
466
-
467
-
468
-
469
-
470
-
471
-
472
-
473
-
474
- <dl class="details">
475
-
476
-
477
-
478
-
479
-
480
-
481
-
482
-
483
-
484
-
485
-
486
-
487
-
488
-
489
-
490
-
491
-
492
-
493
-
494
-
495
-
496
-
497
-
498
-
499
-
500
-
501
- <dt class="tag-source">Source:</dt>
502
- <dd class="tag-source"><ul class="dummy"><li>
503
- <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line145">line 145</a>
504
- </li></ul></dd>
505
-
506
-
507
-
508
-
509
-
510
-
511
-
512
- </dl>
513
-
514
-
515
-
516
-
517
-
518
-
519
-
520
-
521
-
522
-
523
-
524
-
525
-
526
-
527
-
528
-
529
-
530
-
531
-
532
-
533
-
534
-
535
-
536
-
537
- <h4 class="name" id="handleDoubleTap"><span class="type-signature"></span>handleDoubleTap<span class="signature">(event)</span><span class="type-signature"></span></h4>
538
-
539
-
540
-
541
-
542
-
543
-
544
- <div class="description">
545
- <p>Seeks by configured number of seconds if left or right part of video double tapped</p>
546
- </div>
547
-
548
-
549
-
550
-
551
-
552
-
553
-
554
-
555
-
556
- <h5>Parameters:</h5>
557
-
558
-
559
- <table class="params">
560
- <thead>
561
- <tr>
562
-
563
- <th>Name</th>
564
-
565
-
566
- <th>Type</th>
567
-
568
-
569
-
570
-
571
-
572
- <th class="last">Description</th>
573
- </tr>
574
- </thead>
575
-
576
- <tbody>
577
-
578
-
579
- <tr>
580
-
581
- <td class="name"><code>event</code></td>
582
-
583
-
584
- <td class="type">
585
-
586
-
587
- <span class="param-type">Event</span>
588
-
589
-
590
-
591
- </td>
592
-
593
-
594
-
595
-
596
-
597
- <td class="description last"><p>The touch event</p></td>
598
- </tr>
599
-
600
-
601
- </tbody>
602
- </table>
603
-
604
-
605
-
606
-
607
-
608
-
609
- <dl class="details">
610
-
611
-
612
-
613
-
614
-
615
-
616
-
617
-
618
-
619
-
620
-
621
-
622
-
623
-
624
-
625
-
626
-
627
-
628
-
629
-
630
-
631
-
632
-
633
-
634
-
635
-
636
- <dt class="tag-source">Source:</dt>
637
- <dd class="tag-source"><ul class="dummy"><li>
638
- <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line115">line 115</a>
639
- </li></ul></dd>
640
-
641
-
642
-
643
-
644
-
645
-
646
-
647
- </dl>
648
-
649
-
650
-
651
-
652
-
653
-
654
-
655
-
656
-
657
-
658
-
659
-
660
-
661
-
662
-
663
-
664
-
665
-
666
-
667
-
668
-
669
-
670
-
671
-
672
- <h4 class="name" id="handleSingleTap"><span class="type-signature"></span>handleSingleTap<span class="signature">(event)</span><span class="type-signature"></span></h4>
673
-
674
-
675
-
676
-
677
-
678
-
679
- <div class="description">
680
- <p>Toggles display of play toggle</p>
681
- </div>
682
-
683
-
684
-
685
-
686
-
687
-
688
-
689
-
690
-
691
- <h5>Parameters:</h5>
692
-
693
-
694
- <table class="params">
695
- <thead>
696
- <tr>
697
-
698
- <th>Name</th>
699
-
700
-
701
- <th>Type</th>
702
-
703
-
704
-
705
-
706
-
707
- <th class="last">Description</th>
708
- </tr>
709
- </thead>
710
-
711
- <tbody>
712
-
713
-
714
- <tr>
715
-
716
- <td class="name"><code>event</code></td>
717
-
718
-
719
- <td class="type">
720
-
721
-
722
- <span class="param-type">Event</span>
723
-
724
-
725
-
726
- </td>
727
-
728
-
729
-
730
-
731
-
732
- <td class="description last"><p>The touch event</p></td>
733
- </tr>
734
-
735
-
736
- </tbody>
737
- </table>
738
-
739
-
740
-
741
-
742
-
743
-
744
- <dl class="details">
745
-
746
-
747
-
748
-
749
-
750
-
751
-
752
-
753
-
754
-
755
-
756
-
757
-
758
-
759
-
760
-
761
-
762
-
763
-
764
-
765
-
766
-
767
-
768
-
769
-
770
-
771
- <dt class="tag-source">Source:</dt>
772
- <dd class="tag-source"><ul class="dummy"><li>
773
- <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line103">line 103</a>
774
- </li></ul></dd>
775
-
776
-
777
-
778
-
779
-
780
-
781
-
782
- </dl>
783
-
784
-
785
-
786
-
787
-
788
-
789
-
790
-
791
-
792
-
793
-
794
-
795
-
796
-
797
-
798
-
799
-
800
-
801
-
802
-
803
-
804
-
805
-
806
-
807
- <h4 class="name" id="handleTap"><span class="type-signature"></span>handleTap<span class="signature">(event)</span><span class="type-signature"></span></h4>
808
-
809
-
810
-
811
-
812
-
813
-
814
- <div class="description">
815
- <p>Debounces to either handle a delayed single tap, or a double tap</p>
816
- </div>
817
-
818
-
819
-
820
-
821
-
822
-
823
-
824
-
825
-
826
- <h5>Parameters:</h5>
827
-
828
-
829
- <table class="params">
830
- <thead>
831
- <tr>
832
-
833
- <th>Name</th>
834
-
835
-
836
- <th>Type</th>
837
-
838
-
839
-
840
-
841
-
842
- <th class="last">Description</th>
843
- </tr>
844
- </thead>
845
-
846
- <tbody>
847
-
848
-
849
- <tr>
850
-
851
- <td class="name"><code>event</code></td>
852
-
853
-
854
- <td class="type">
855
-
856
-
857
- <span class="param-type">Event</span>
858
-
859
-
860
-
861
- </td>
862
-
863
-
864
-
865
-
866
-
867
- <td class="description last"><p>The touch event</p></td>
868
- </tr>
869
-
870
-
871
- </tbody>
872
- </table>
873
-
874
-
875
-
876
-
877
-
878
-
879
- <dl class="details">
880
-
881
-
882
-
883
-
884
-
885
-
886
-
887
-
888
-
889
-
890
-
891
-
892
-
893
-
894
-
895
-
896
-
897
-
898
-
899
-
900
-
901
-
902
-
903
-
904
-
905
-
906
- <dt class="tag-source">Source:</dt>
907
- <dd class="tag-source"><ul class="dummy"><li>
908
- <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line73">line 73</a>
909
- </li></ul></dd>
910
-
911
-
912
-
913
-
914
-
915
-
916
-
917
- </dl>
918
-
919
-
920
-
921
-
922
-
923
-
924
-
925
-
926
-
927
-
928
-
929
-
930
-
931
-
932
-
933
-
934
-
935
-
936
-
937
-
938
-
939
-
940
-
941
-
942
- </article>
943
-
944
- </section>
945
-
946
-
947
-
948
-
949
- </div>
950
-
951
- <nav>
952
- <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="TouchOverlay.html">TouchOverlay</a></li></ul><h3>Global</h3><ul><li><a href="global.html#mobileUi">mobileUi</a></li><li><a href="global.html#onPlayerReady">onPlayerReady</a></li></ul>
953
- </nav>
954
-
955
- <br class="clear">
956
-
957
- <footer>
958
- Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Tue Feb 02 2021 09:43:56 GMT+0100 (CET)
959
- </footer>
960
-
961
- <script> prettyPrint(); </script>
962
- <script src="scripts/linenumber.js"> </script>
963
- </body>
964
- </html>