fix: update reflow.html to have responsive video

[davatron5000]

👋 In a somewhat unexpected twist, the page for understanding the WCAG rule about not having two-dimensional scrollbars had two-dimensional scrollbars due to an overflowing video. This fix addresses that.

• Add height/width to <video> to establish aspect-ratio
• Add style="max-width: 100%; height: auto" to allow video to squish and maintain aspect ratio.

The inline style attribute is regrettable but there were no instructions on how to build the project locally so I couldn't pinpoint how style.css was being generated or included.

Closes #3401

[w3cbot]

dontcallmedom marked as non substantive for IPR from ash-nazg.

[patrickhlauke]

see also #3401

I suggest this should actually be fixed at source/in the main stylesheet, not on an ad-hoc basis

[patrickhlauke]

Suggest this change is made in the general stylesheet used for understanding docs instead

[davatron5000]

Ok. Just so I'm clear, I should fork the the wai-website-theme repo and PR a fix for video styles there? Is that what you mean by "general stylesheet"?

https://github.com/w3c/wai-website-theme/blob/master/_components/images.css#L20

I can update this PR to only add the height/width which will help with the overall CLS.

[davatron5000]

Upstream PR created w3c/wai-website-theme#58

[patrickhlauke]

thanks @davatron5000 ... I'll leave @alastc @iadawn to comment here on whether or not this upstream PR is all that's needed (as I'm not sure if it's different teams/people responsible for these things)

[patrickhlauke]

As this dropped off the radar, added to the WCAG 2.x backlog

[alastc]

There's no change included in the PR, do we need to update the CSS for the repo?

[fstrr]

@alastc There's an upstream PR for this on the WAI website theme repo., which was approved last year. I've emailed @iadawn to see if we can get this live.

[patrickhlauke]

Closing this as it was fixed