Commit graph

13 commits

Author SHA1 Message Date
M Fahru
4f901caa2d [website-redesign] Set autoplay video configuration according to specification (#16683)
* Set autoplay video configuration according to specification:

- Do not autoplay video initially
- If the video is visible on the viewport (with a threshold of 80% of the video is visible), autoplay video, and everytime it autoplays, set the video starting point to 0
- If the video is not visible on the viewport (with a threshold of 80% of the video is not visible), pause the video
- If user screen stops at video that's currently in autoplay, the autoplay will stop after it endedand replay every 15 seconds.
- For user with reduced motion preference, show video controls.

* Add a comment explaining error in firefox if user is pressing the seek bar relatively fast.

It seems to be a bug specific to firefox.

* Reduce the threshold to 70% of the visible video on the screen.

0.7 value will make the video autoplays instantly for the `new-design-registration` variant since the video on that variant will not be shown fully on the screen at initial homepage load (in desktop screen).

* Set attribute without empty string, fix video that lacked data attribute

* Remove duplicated autoplay video setup on homepage

* Remove autoplay pause/reset on scroll away, don't play if not visible

Refactors the autoplay-video code and removes the pause/reset on scroll
away while also keeping track of the video elements visibility so that
the video doesn't immediately start playing after 15s if not visible.

We also prevent trying to call .play() before the video is in a
"canplay" state. If the video is not ready, then add an event listener
for the "canplay" event and only play() once this is fired. We only do
this once to avoid adding duplicate listeners.

We also check that the video is not playing before calling play(),
because it could still be in playback if we scroll out of view and then
back into view.

* Refactor autoplay-video to match style of similar JS enhancement implementations

* Move autoplay-video from shared/utils to features/

---------

Co-authored-by: Thomas Mees <thomas.mees@overleaf.com>
Co-authored-by: Thomas <thomas-@users.noreply.github.com>
GitOrigin-RevId: 13011af04baaeba4b8053478a09e3e4d7c960d5c
2024-01-29 09:03:51 +00:00
Thomas
76beba4393 Add cookie banner (#6627)
* Add cookie banner

Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>
Co-authored-by: Miguel Serrano <mserranom@users.noreply.github.com>
GitOrigin-RevId: a3625d4e6357ff58c7c47532901c382bedbe07e0
2022-04-05 12:17:25 +00:00
Jakob Ackermann
0f1be83f46 Merge pull request #5362 from overleaf/revert-5350-jpa-debug-cdn-errors
[web] bring back the sentry integration for the de-ng bundle

GitOrigin-RevId: 74dbafaf0984b782f2df75f8cb79be0ea71af9f2
2021-10-07 08:04:43 +00:00
Jakob Ackermann
4cecc6383a Merge pull request #5361 from overleaf/jpa-fix-cdn-load-test
[web] rework the loading process for the CDN load test

GitOrigin-RevId: dd14ca29668e88944457e03ffd8c921e2ce93929
2021-10-06 08:03:22 +00:00
Jakob Ackermann
c2a2a9b0d8 Merge pull request #5350 from overleaf/jpa-debug-cdn-errors
Revert "[web] bring back the sentry integration for the de-ng bundle"

GitOrigin-RevId: ec97c031d63c49c1a6779fa1cf01b07812ffa935
2021-10-06 08:03:18 +00:00
Jakob Ackermann
e3ec2fc11c Merge pull request #5308 from overleaf/jpa-de-ng-sentry
[web] bring back the sentry integration for the de-ng bundle

GitOrigin-RevId: 1f8e98398dd87d322c9e5506669b4a1126ab072e
2021-10-04 08:03:35 +00:00
Jakob Ackermann
2a935d7ab5 Merge pull request #5261 from overleaf/jpa-de-ng-more-complex-pages
[web] de-ng some of the complex pages

GitOrigin-RevId: 6c85bbf2d21cb2e8d3441202dfd299512bf71453
2021-09-30 08:03:53 +00:00
Jakob Ackermann
471bc70463 Merge pull request #5217 from overleaf/jpa-web-templates-de-ng
[web] de-ng templates module (server-pro)

GitOrigin-RevId: 8d2ffd6a109d61b11d6d7c1acb781b429da3891c
2021-09-30 08:03:41 +00:00
Jakob Ackermann
c9e22f7ddf Merge pull request #5190 from overleaf/jpa-sso-oauth-de-ng
[web] de-ng sso/oauth/institutional account linking pages

GitOrigin-RevId: 50718cefff68142431aa411cb4f8644a3d8ab93f
2021-09-28 08:03:31 +00:00
Jakob Ackermann
011e719fdf Merge pull request #5125 from overleaf/jpa-portal-de-ng
[web] de-ng portals page

GitOrigin-RevId: 2460c51fb0f81be758c5804e66803a98b614b304
2021-09-22 08:03:41 +00:00
Jakob Ackermann
94a46c3c40 Merge pull request #5116 from overleaf/jpa-event-tracking-de-ng
[web] event-tracking: implement sprinkle using the ng attributes

GitOrigin-RevId: 5195d827b590ee32e86ba2ffe365ad7cab65750b
2021-09-17 08:03:34 +00:00
Jakob Ackermann
7919017118 Merge pull request #4956 from overleaf/jpa-jk-contact-form-de-ng
[web] de-ng contact form

GitOrigin-RevId: 8a92b37163555d6466e4b8c565f1ef490f73d49a
2021-09-09 08:03:07 +00:00
Jakob Ackermann
267b7fc17d Merge pull request #4941 from overleaf/jpa-as-homepage-prototype
[web] de-ng homepage prototype

GitOrigin-RevId: 030a5bf0b4f05eac7d69fda928c906f3c9c962f0
2021-09-09 08:03:04 +00:00