Blogger: Using Video on Your Blog

Add motion and sound to your Blogger posts

Blogger logo
Google Inc.

Google makes adding video to your blog at Blogger quite simple, provided you're aware of a few details.

Acceptable Formats and Sizes

This free blogging service accepts all of the common video formats, including .mp4, .wmv, and .mov.

The video content you're likely to add to a blog won't count against the 15GB storage limits of a free Google account unless:

  • The height or width of uploaded images exceeds 2,048 pixels.
  • The video is longer than 15 minutes.

You can upload and use media beyond these limits, but they will cut into your storage allotment.

Your free Google account's 15 GB storage limit is shared across all of your Google accounts, which includes Gmail, Google Drive, and Google Photos.

You can add more storage space for Blogger or any of your other Google services at a reasonable monthly cost.

Before You Upload

If you have a long video to upload, try compressing it to save on space. The H.264 codec works well; even better, try switching the file format to .mp4. You can shrink the file size of a high-definition video by changing the aspect ratio to 1280x720.

If you've already posted the video to another video hosting site, you can skip these steps and embed the video directly into Blogger.

Posting Video with Blogger

To post your video, log into Blogger and follow these steps:

  1. Log in and click the orange New Post button at the upper left corner of your screen. This brings you to the Compose window.

    Blogger's Compose window
  2. Click the Insert a video button. It looks like the clapperboard that movie directors use.

    Blogger Compose window with
  3. Click the appropriate choice to add your video:

  • Upload if your video is on your computer;
  • From YouTube to paste the URL of a YouTube video; or
  • My YouTube videos to choose from a list of the videos you've previously uploaded to YouTube.
Video upload dialog on Blogger

Embedding a YouTube Video Using HTML

You also can embed a video from YouTube using HTML.

  1. Go to the video on YouTube and click Share.

    YouTube Share Video option
  2. Click Embed. Copy the HTML code that appears in the box next to your video.

    Video-sharing options on YouTube

    The HTML code copied from YouTube uses HTML5 iframes to embed videos in a web page.

  3. Back in Blogger's new-post window, select HTML at the top left. In the text box, paste the HTML code.

  4. Click Preview in the top right to see how the video will appear when published.

    YouTube Preview button
  5. When you're satisfied with your Blogger page, simply click Publish, and the video will appear on your site.