Videos are not 100% width on mobile

[Anthony Dillon]

On mobile the videos are wider then the screen. They need to be wrapped in a container div. Maybe something wordpress can do or JS can wrap iframes for mobile screen size.

[Inayaili de León (yaili)]

Hi Ant,

Can you provide an example?

Thanks,
Yaili

[Anthony Dillon (ya-bo-ng)]

List of posts with large videos on mobile:
- http://design.canonical.com/2014/03/loving-the-bottom-edge/
- http://design.canonical.com/2016/06/app-design-clinic-owncloud-app-9/
- http://design.canonical.com/2016/05/edge_education/
- http://design.canonical.com/2014/06/cueing-up-users/
- http://design.canonical.com/2014/05/the-browser-is-dead-long-live-the-browser/
- http://design.canonical.com/2014/02/app-design-clinic-8/
- http://design.canonical.com/2014/01/app-design-clinic-7/
- http://design.canonical.com/2014/01/sheets-transition/
- http://design.canonical.com/2013/12/messaging-interaction/
- http://design.canonical.com/2013/12/app-design-clinic-6/
- http://design.canonical.com/2013/12/app-design-clinic-5/
- http://design.canonical.com/2013/12/vuds-november-design-track-sum-up/
- http://design.canonical.com/2013/11/november-brown-bag-lunch/
- http://design.canonical.com/2013/10/app-design-clinic-3/
- http://design.canonical.com/2013/07/unlocking-the-phone/
- http://design.canonical.com/2013/05/shorts-rss-reader-app/
- http://design.canonical.com/2011/03/introducing-overlay-scrollbars-in-unity/
- http://design.canonical.com/2010/10/introducing-ubuntu-the-movie/
- http://design.canonical.com/2010/10/designing-on-ubuntu/

I wonder if we could be smarter here and make it work without wrapping the iframe in a div.

We should create a post authoring standard doc so authors can learn the nuances in our blogs.