This is a test page that shows a YouTube video player inside a sidebar text/HTML widget.

For rendering the YouTube player, i’m using the shortcode.

As you can see, on this test page the “sticky” effect works perfectly on all browsers.

I’ve been trying to manually replicate collecting code manually but I’m definitely doing something wrong because it just doesn’t work on Safari. For your reference, here’s the code:

<div class="container">
....<div class="vw-row-shortcode">
........<div class="vw-column-shortcode vw-one-half">
............<aside class="vw-sidebar-wrapper">
................<div class="vw-sidebar-inner">
....................<div class="vw-sticky-sidebar-wrapper">
........................<div class="vw-sticky-sidebar">
............................<div class="jetpack-image-container">
................................HERE GOES THE YOUTUBE PLAYER
................................https://www.youtube.com/watch?v=_EkwPqDYkhE
............................</div>
........................</div>
....................</div>
................</div>
............</aside>
........</div>
........<div class="vw-column-shortcode vw-one-half">
............SECOND COLUMN
........</div>
....</div>
</div>