Assembler: VideoPress block not responsive on mobile

[Robertght]

Quick summary

The VideoPress block is too large on mobile when used in a two-column setup.

Steps to reproduce

1. Create a new page and add a two-column block
2. Add some text on the left and a video on the right.

What you expected to happen

To see the video like this:

What actually happened

Browser

Google Chrome/Chromium

Context

8043043-zen

Platform (Simple, Atomic, or both?)

Atomic

Other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

I used this as a workaround:

/* Mobile video fix | xxxxxx-zen rg */
@media (max-width: 768px){
 .jetpack-videopress-player__wrapper iframe {
    width: 100% !important;
 }
}

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 8043043-zen
• [ ] -zen

[rickmgithub]

📌 REPRODUCTION RESULTS

• Tested on Atomic – Could Not Replicate

Message to author

Thanks so much for the report. I couldn't replicate the issue following those steps. Are you still able to produce this on a number of sites? Feel free to reopen if you can still replicate.