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.
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!
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.