Webpage objects extend beyond visibility Usually, when I see mobile webpage issues, I chalk it up to the site's developer not making the page universally mobile-friendly. Sometimes it's videos that extend beyond the bounds of the screen and I'm unable to zoom out, sometimes it's text. 

However, I came across this page which is Google's own page. Why is it that on Google's Nexus 6P (with Google's Android) using Google's Chrome browser, the page ends up looking like this: 



I can't even watch that video correcty, let alone pause it, without blowing it up to full screen.

If Google can't even keep issues like this from cropping up, part of be thinks it must be pretty difficult from a development standpoint. I don't know if there is any user-end methods to avoid this, so I guess my question is: Is there some way I can force Chrome to always display objects like this in a usable fashion?

Note: I have force zoom enabled, but unfortunately that only guarantees the ability to zoom in and doesn't allow the option to zoom out far enough to enclose all content on the pages I'm referencing.
It isn’t browser’s fault, the video container has hardcoded width of 560px, that’s about 1960px on Nexus’s screen, which itself has width of 1440px. That’s webmaster’s fault, as it’s possible to make the container smaller on smaller screen.

As the browser simply does its job, there aren’t many solutions, but here’s what I can suggest:


rotate the screen (in landscape mode you have 2560px, that should be enough);
set “Request desktop site” in Chrome’s menu. Again, the website won’t be much more usable in portrait mode, but you’ll be able to see the whole video;
watch it fullscreen.