Add responsive video to an article
- Let's assume you have an embed code from your video provider (we recommend
Wistia but you can use YouTube, Vimeo or whomever). Click the image button in the Docs editor and select Insert Video.
Just paste your video embed code, which should start with an iframe tag. To make it more responsive, wrap it in a section class:
<section class="video widescreen">. If it's a widescreen video, add a class widescreen. It should look something like this:
Video is a great way to help customers understand your product. Since the design for Docs is optimized for all device sizes out of the box (mobile, tablet, desktop), we need to make sure video embeds look great on all of them. This article shows you how to insert a responsive video into an article.