Intermittent issue with pausing and playing Vimeo backgrounds of Text on Media when logged in

[bberndt-uaz]

Problem/Motivation

Pull request #3981 adds support for Vimeo videos as Text on Media backgrounds:

• Closes #3891 Vimeo remote video is not supported as a Text on Media background #3981

In testing this pull request, we encountered an issue where the pause and play buttons on Vimeo videos would sometimes fail to work if:

• the user is logged in to Drupal, and
• the user is accessing the page with Chrome (Windows or macOS).

This issue with the pause and play buttons does not occur if:

• The user is not logged in (an anonymous user). Site visitors are not affected by this issue.
• The user is logged in and is accessing the page with Edge on Windows or with Firefox or Safari on macOS. Authenticated users using browsers other than Chrome do not appear to be affected by this issue.

Describe the bug

From our testing, the pause and play buttons which Quickstart adds in the bottom right corner of the Vimeo video appear to be triggering the JavaScript click event correctly. Also, the JavaScript variable for the Vimeo player seems to be correct. Somehow the bgVideoParagraphs[index].player.pause() and bgVideoParagraphs[index].player.play() functions may fail to update the playback of the video in Chrome for authenticated users.

To Reproduce

Steps to reproduce the behavior:

1. Open a Chrome browser window.
2. Log in to a Quickstart site as a Content Editor or a more privileged role.
3. Go to a page with a Text on Media paragraph using a Vimeo remote video background or create one.
4. View the page and observe whether the Pause button works to pause the automatically played Vimeo video background.
5. Reload the page multiple times to observe the intermittent behavior.

Proposed resolution

To be determined

Expected behavior

The Pause and Play buttons on Text on Media video backgrounds should work reliably for all users.