Add Responsive Video to an Article

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.

1
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.
2
Paste your video embed code. To make it more responsive, wrap it in a section tag, giving it a class of video. If it's a widescreen video, add the class widescreen as well. A widescreen video embed then would look something like this:

Note: For Wistia specifically, you'll want to use the Inline Embed code. Either Standard inline embed or Fallback inline embed will work great!
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still stuck? How can we help? How can we help?