freetube/src/renderer/components
Emma e43fb94a35
Improving touch input by bringing in `videojs-mobile-ui` (#2719)
* Adding videojs-mobile-ui as a dependency

- Using the beta because it fixes an issue
with multiple version of videojs loading
at once.

This is related to MarmadileManteater#56.

* Mapping defaultSkipInterval to seekSeconds

* Adding CSS to prevent showing duplicate buttons

- Added a new variable `usingTouch` to selectively hide
the existing `vjs-big-play-button` when the `touch-overlay`
is visible.

* Renaming CSS class to something more specific

* Adding text-shadow behind play / pause button

This should make it more visually distinct against a
light or colorful background.

* Enabling touch-overlay anytime a touch is detected

Disabling it whenever mouse input is detected

The default behavior of `videojs-mobile-ui` is to
only work in Android and iOS, but by
forcing the touch behavior to be enabled and selectively
showing it only when touch input is detected, it should work
on any device with touch input even if the browser doesn't
detect that it is running in Android or iOS.

* Removing unnecessary code

* Removing unintentionally leftover variable

* Removing an unnecessary assignment

Adding comments to explain why a flag called
`forceForTesting` is set to true

Disabling the `lockOnRotate` flag.

* Moving this flag and wrapper class

* Adding whitespace

* Making my comment a little more consistent

* Changing the punctuation of a comment

* Adjusting the CSS to fix a firefox discrepancy

* Adding a check for mobile firefox

For whatever reason, mobile firefox sometimes
triggers onmouseover when a touch occurs, and this
is unwanted behavior.

* Adding a drop-shadow to the ff and rw icons

This should make them easier to see on top of light
videos

* Hiding the mobile play button according to setting

- Added CSS to hide the videojs-mobile-ui play button
when the `Display Play Button In Video Player` setting is disabled.

* Replacing long computed string with class binding

Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>

* Adding newline at the end of videoJS.css

Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2022-10-24 13:49:52 -04:00
..
data-settings Implenting `showSaveDialog` in web (#2741) 2022-10-19 07:50:21 +02:00
distraction-settings Implement chapters (#2224) 2022-09-29 20:01:54 +00:00
download-settings Add a settings section component to reduce duplicate code (#2609) 2022-09-24 09:12:11 +00:00
external-player-settings Use named parameters instead of $ and % in localised strings (#2685) 2022-10-13 11:51:15 +00:00
ft-age-restricted Use named parameters instead of $ and % in localised strings (#2685) 2022-10-13 11:51:15 +00:00
ft-auto-grid Proportional scaling inside grid (#1514) 2021-09-14 10:01:48 +08:00
ft-button Disabling mutually exclusive settings (#1822) 2021-10-20 13:14:49 +00:00
ft-card Replace jquery in the profile selector (#2664) 2022-10-04 17:55:55 +00:00
ft-channel-bubble Webpack bundle dependencies (#2511) 2022-09-06 02:29:10 +00:00
ft-element-list Bump yt-channel-info version, fix playlist / history search bar hiding and fix text in resolution for stats modal 2022-04-09 16:23:34 -04:00
ft-flex-box Push Latest Code to Repository 2020-02-16 13:30:00 -05:00
ft-icon-button Replace jquery in ft-icon-button with vue functionality (#2617) 2022-09-27 08:16:56 -04:00
ft-input * Update search in new window function to also copy original query text to new window search input (#2637) 2022-09-29 21:22:28 +00:00
ft-list-channel Properly localize numbers (#2557) 2022-09-19 20:14:53 +08:00
ft-list-dropdown Remove console.logs (#2606) 2022-09-23 09:04:10 +08:00
ft-list-lazy-wrapper Add Parental Controls (#1456) 2022-06-21 08:14:15 +02:00
ft-list-playlist Use named parameters instead of $ and % in localised strings (#2685) 2022-10-13 11:51:15 +00:00
ft-list-video move `toLocalePublicationString` to`utils/helper` (#2748) 2022-10-20 06:03:31 +00:00
ft-loader Push Latest Code to Repository 2020-02-16 13:30:00 -05:00
ft-notification-banner Webpack bundle dependencies (#2511) 2022-09-06 02:29:10 +00:00
ft-profile-bubble Profile+Everywhere: Tweak CSS on profile related components 2021-06-16 05:34:37 +01:00
ft-profile-channel-list Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
ft-profile-edit Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
ft-profile-filter-channels-list Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
ft-profile-selector Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
ft-progress-bar Finish Profile Logic and working subscriptions 2020-09-01 23:21:32 -04:00
ft-prompt Centering update prompt card (#2668) 2022-10-04 05:08:26 +00:00
ft-radio-button Prevent certain search filter combinations from being used 2020-12-17 13:55:47 -05:00
ft-search-filters Top-Nav: Improve search filter's appearance (#1360) 2021-06-15 14:53:06 +00:00
ft-select Improving responsiveness in Settings (#2694) 2022-10-11 09:38:31 +02:00
ft-settings-section Improving responsiveness in Settings (#2694) 2022-10-11 09:38:31 +02:00
ft-share-button Make copyToClipboard and openExternalLink helpers (#2722) 2022-10-18 08:15:28 +00:00
ft-slider Improving responsiveness in Settings (#2694) 2022-10-11 09:38:31 +02:00
ft-sponsor-block-category Make copyToClipboard and openExternalLink helpers (#2722) 2022-10-18 08:15:28 +00:00
ft-timestamp-catcher Update dependencies and fix linting problems 2020-10-04 14:30:54 -04:00
ft-toast Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
ft-toggle-switch Improving responsiveness in Settings (#2694) 2022-10-11 09:38:31 +02:00
ft-tooltip Webpack bundle dependencies (#2511) 2022-09-06 02:29:10 +00:00
ft-video-player Improving touch input by bringing in `videojs-mobile-ui` (#2719) 2022-10-24 13:49:52 -04:00
general-settings Minor performance improvement in the general-settings component (#2723) 2022-10-19 09:25:13 +08:00
parental-control-settings Add a settings section component to reduce duplicate code (#2609) 2022-09-24 09:12:11 +00:00
player-settings Add a settings section component to reduce duplicate code (#2609) 2022-09-24 09:12:11 +00:00
playlist-info Make copyToClipboard and openExternalLink helpers (#2722) 2022-10-18 08:15:28 +00:00
privacy-settings Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
proxy-settings Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
side-nav Fix double focus on the sidebar channels (#2749) 2022-10-20 06:04:49 +00:00
side-nav-more-options Webpack bundle dependencies (#2511) 2022-09-06 02:29:10 +00:00
sponsor-block-settings Add a settings section component to reduce duplicate code (#2609) 2022-09-24 09:12:11 +00:00
subscription-settings Add setting to disable automatic fetching of subscription feed (#2632) 2022-09-29 22:29:47 -04:00
theme-settings Move colours from the store to the utils helper (#2710) 2022-10-12 06:49:12 +00:00
top-nav Make showToast a helper (#2695) 2022-10-14 05:59:49 +00:00
watch-video-chapters Implement chapters (#2224) 2022-09-29 20:01:54 +00:00
watch-video-comments Convert Invidious comment publishText to locale (#2758) 2022-10-24 17:10:06 +02:00
watch-video-description Fix empty description box showing for the Invidious API (#2614) 2022-09-26 20:36:41 +00:00
watch-video-info More space for the title in watch-video-info (#2751) 2022-10-20 06:06:04 +00:00
watch-video-live-chat Move colours from the store to the utils helper (#2710) 2022-10-12 06:49:12 +00:00
watch-video-playlist Make copyToClipboard and openExternalLink helpers (#2722) 2022-10-18 08:15:28 +00:00
watch-video-recommendations Make autoplay text fit inside top bar when translated (#1767) 2021-10-03 10:53:21 +00:00