Embedding Video in Blogger Posts
Note: This document contains two different methods for embedding video: Through YouTube and through Google Drive. If one method seems to be failing, it is worth trying the other. We have found that Google Drive is more reliable, though upload time may be longer. If you are looking for information on creating a video, visit the MDL's Video Project Resources page.
Embedding a video from YouTube
Provided you are using your Whitman.edu account for both Blogger and YouTube, you can use YouTube to share videos securely with Whitman students and faculty. The first step is to visit YouTube and click the upload icon, which is to the right of the main search field. Follow the prompts to upload your video file. Note that .mp4 files optimized for web viewing will load the most swiftly. While your video is uploading, you can edit its settings such as title, description, tags, and Privacy Settings. Choose Private and then Whitman College from the drop down menu, or add specific email addresses.
You can access your uploaded videos at any time by choosing the Video Manager tool from the dropdown menu next to the upload button. Click the arrow next to the Upload button to go to the Video Manager.
Then select Edit next to any video in your queue to change its settings. You can remove or alter videos by checking the box to their immediate left and choosing Actions.
Once your videos are on YouTube and have the desired settings, return to your Blogger dashboard. Go to the blog post where you would like to insert a video and choose the movie icon in the post toolbar:
This will elicit a pop-up window where you can select My YouTube Videos. You can change the width and height of the video by clicking the HTML tab in your blog post and editing the values for "object width" and "object height." The default is 320 x 266 pixels.
Embedding a Video from Google Drive
Note: the following tutorial refers to Google Drive, but the same general principles apply to all video hosting services (such as Vimeo and YouTube) that allow the embedding of video.
1. Upload Your Videos to Google Drive
Log into Google Drive (http://drive.google.com) with your Whitman username and password (include @whitman.edu if you are seeing the Google logo and not the Whitman logo). Upload the video files you would like to use. Accepted file formats include AVI, MPEG, M4V, MOV, Real, and Windows Media formats.
2. Choose Your Privacy Settings
Once your file has uploaded, right click on the title and select the Share menu. You can change the privacy settings in this window. If you are sharing this video with students through a class blog, choosing "Whitman College" is the best option. Only the students who currently have access to your blog will be able to see the video.
3. Get the Embed Code
Right-click and select Open with > Google Drive Viewer.
In Google Drive Viewer, select File > Embed this video... and then copy the code from the pop-up that appears.
4. Paste the Embed Code
Go back to Blogger to the post in which you would like to insert your video. We recommend adding the video last so that you do not have to format text around it after the fact. Click the HTML tab and place your cursor in the part of your post where you would like the video to display, and then paste the code. Then publish! You're done!
My video is not showing up in Blogger.
A: Check Google Drive Viewer to see if your video is still processing. If you used YouTube, you may not be able to see whether your video is still processing. It can take up to several hours for videos to finish processing, although it may also take only minutes depending on the file size and speed of your connection.
My blog readers cannot see the video. It says they do not have permission.
A: In YouTube's Video Manager or in Google Drive, check to see that your video sharing settings are what you intended them to be. If you chose to have the video available only to Whitman College users, it is probable that your readers are signed in with a different Gmail account and need to sign in with their Whitman.edu account instead.
My video is too large and is bleeding over the margin of my post.
A: You can change the width of your blog posts' margins by going to your Blogger dashboard and using the Layout tool. Making the post width larger in relation to the sidebar navigation is the easiest way to solve this problem. If you do not want to adjust the layout of your blog, you will need to use a video editor or tool such as Handbrake to change the size of your video.
My video is too small.
A: The default size for YouTube embedded videos is only 320 x 266 pixels. If this is too small, and it is not feasible for your viewers to simply make the video fullscreen on their own computers, you can change the default size by going to edit your post and clicking the
HTML tab. Look for the bracketed text that starts with "object class." Between the brackets, look for "width" and "height." You can type in the desired dimensions here (thought they should be in the same proportions as the default size. 640 x 532 is an acceptable size, for example.)
The original video file I have is in the wrong format/size/codec.
A: You can use a tool like Handbrake or Adobe Media Encoder (available in the Multimedia Development Lab) to change the file type of your video. This quickstart guide will help you get started with Handbrake. We recommend using the H.264 codec since this format is suitable for streaming media over the web.
The audio and video are out of sync.
A: This can sometimes happen when the audio and video portions of the file are different lengths. First visit YouTube's
help page on this topic and see if those instructions solve the problem. You should also make sure your Flash player is up to date and try viewing the video in a different browser. You can also try converting your original file to a different format such as .mov.