WIP: Bricks Video Element plays (fullscreen) on back navigation if preview image is used

Bugs
1

Browser: Safari
OS: macOS & iOS & ipadOS
Bricks Version: 2.0 RC2
URL: https://dev.strangerontheroad.com

Issue Summary:

When using the native Bricks video element with a preview image (poster), Safari (desktop and mobile) incorrectly triggers fullscreen playback or prevents the page from properly reloading when navigating back using the browser’s back button.

Steps to Reproduce (Desktop Safari):

  1. Play the video (with preview image set).
  2. Pause the video.
  3. Navigate to another internal page.
  4. Use the browser’s back button.
  5. The video element now plays fullscreen, unexpectedly.

Steps to Reproduce (Mobile Safari - iOS & ipadOS):

  1. Play or pause the video.
  2. Navigate away.
  3. Tap the browser’s back button.
  4. The previous page hangs (doesn’t load), requiring a second tap to go back.

Important Notes:

  • This only occurs when a preview image (poster) is set on the video.
  • Removing the preview image resolves the issue — but that breaks the intended UX/design.
  • The issue does not occur in Chrome.
  • Problem appears to be tied to Safari’s handling of video elements + bfcache (back/forward cache).
2

Hi,
Welcome to the forum, and thanks so much for your report!

I reproduced the issue and added it to the bug tracker.

Best regards,
timmse

1 Like
3

Hi timmse,
very happy to be here! I love Bricks.
Good luck!

Henri