Home User profile
tagDiv Member
This user did not write anything. So we are just showing here some random text to make the profile page look nice :)
d8tabyte
tagDiv Member

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.
Viewing 1 post (of 1 total)