Video Ad flyout not working as expected

Hello, I have a video ad that sits at the top of my content. When the user scrolls, it is supposed to either fly out to the right of the content if on desktop or stick to the top of the screen if on mobile. This works on any other theme, but on Newspaper, it will not work. I’ve tried in the ad block unit and as code in an HTML module.

You can see an example of the video unit here: https://detroitsportsnation.com/amon-ra-st-brown-weighs-in-on-opponents-using-the-lions-as-motivation/wgbrady/detroit-lions/01/15/2025/467307/

This is very important as it is losing rev by not having better viewability.

No – the issue is that the video player on top of the article, when you scroll, it should fly out to the right side of the body container. On mobile, it should anchor to the top of the screen in a smaller video player.

Received some feedback from my team on the floating issue. Here was their response:

“In this case the issue is that they have a css transform being applied to the player, transforms will break the float because the transform is how the player floats. If there’s an existing transform the float transform won’t apply.

The Player debug buttons in this case have highlighted 2 separate CSS issues: a transform and a z-index

The transform is causing problems, but we won’t be able to see if the z-index is also an issue until we fix the transform, as z-index issues often only impact floating players.

The transform is being applied to the parent div of the player: class=”td-block td-a-rec td-a-rec-id-custom-spot tdi_68 td_block_template_1″

If they add a transform: revert to the player embed code div this should fix the issue, but ideally they should just not transform the player’s parent div at all.

I’ve attached screenshots of the problematic CSS and the player floating when that CSS is removed to help their team Identify and solve this.

I believe the Z-index issue is a false positive as I was not able to see any overlap of the player once the float was activated.”

• This reply was modified 1 year by d8tabyte.