Video elements loaded in do not display or play in Safari

**Test case:** https://www.puravidabracelets.com/collections/test-collection

We use infinite-scroll to load in products as you scroll down the page. We have a video promo tile within the grid of products and these videos are blank when loaded in with infinite-scroll, on Safari only. I load in videos with Ajax on another site with no issue so the only thing I can think of is that it's related to infinite-scroll. The videos work fine when loaded on initial page load above the fold. On Chrome and Firefox this is not an issue.

The element is a simple video element. Removing the existing attributes below has no impact.

```

Your browser does not support modern video.

```

Start by reproducing the issue at the provided test URL in Safari, scrolling until the infinite-scroll content is inserted. Inspect the dynamically added video element and compare it with videos present on the initial page load. Done means the loaded promo videos display and play in Safari without regressing Chrome or Firefox behavior.

Written by the indexing model from the issue text.