How to embed your animated chart video

Videos have the added advantage of portability and can be embedded in a number of platforms. Once you have generated your animated chart video, here are some of the places that your video can be embedded.

youtube screenshot to show share button
After uploading a video to YouTube, you can get your embed code with the Share button.
powerpoint screenshot to show video button
The video button in PowerPoint allows you to embed your video directly to a slide.

Video Embedding in Websites

When embedding a video on a website, there are two main ways that you can do it. The first is using the native HTML5 video tag and the other is uploading your video to YouTube and using the embed code that YouTube generates.

HTML5 Video Tag

The nice thing about this method is that you have complete control over the display of your video. The video tag is very simple to use and will look like this.

<video width="100%" autoplay loop muted playsinline>
  <source src="https://www.example.com/media/public/animated_chart.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

As you can see in the above example, there are a number of settings that you can use in the video tag. In this code, we’ve turned on autoplay, which starts the video automatically. We’ve also set it to loop and set it to muted. Since your Moving Charts video doesn’t have sound, you may wonder why muted is turned on. The reason is some mobile browsers require to have your videos muted, otherwise they won’t display.

YouTube

The other way to quickly get a video onto your website is to let YouTube take care of it. After uploading a video to your YouTube account, there will be a Share button under your video which will have the embed code. Take that code and paste it directly into your website’s markup.

There are a few problems with embedding a YouTube video, however. Firstly, YouTube displays their own branding and displays related videos at the end of your video. Also, resizing your video so that it displays consistently and responsively can be a very difficult task that requires knowledge of CSS.

Video Embedding in Presentations

The majority of presentations are still done with PowerPoint, but unfortunately PowerPoint doesn’t have many built-in options for creating and displaying your data with animated charts. A video is the best solution if you want to display something visually engaging to speak along with as the video plays. A video also gives you the option to pause as you’re speaking so that you can point out important frames.

Much like embedding a video on a website, you can use two methods for embedding within a presentation. You can either embed natively by inserting a video file directly or upload to YouTube and bring that video into your presentation. The instructions for embedding from YouTube can be found at the Microsoft support website.

To embed directly into your presentation, simply click on the Video button under the Insert tab in PowerPoint. This will give you a video player directly in your presentation slide.

Video Embedding in Social Media

Just like the embedding instructions for websites and presentations, using a video in social media can be done by directly uploading the video or by sharing via YouTube. Uploading directly to Twitter can severely affect the quality of the video, however, and it can end up blurry or pixelated. YouTube may be a better method if the quality of the video is important, which is true if your animated chart video is densely packed with information. Direct video uploads on Facebook don’t seem to greatly affect quality, so that is the recommended method for that social media platform.