Drupal How-to: Post a Video Podcast

Create a video podcast from content hosted on the Internet Archive using the Drupal CMS.

Overview

1. Login to Drupal
2. Click on Create Content, Story
3. Fields:
   1. Title: Name of Show | Semester Year: Episode # (e.g. College Sports Report | Fall 2008: Episode 7)
   2. Tags: e.g. collegesportsreport, stateofevents, undersf, podcasts, videopodcasts, etc.
   3. Body:
      1. Type in an Introduction
      2. Video Player Embed code
      3. Podcast link code
   4. RSS Remote Enclosure settings:
      1. URL: Copy and paste MPEG4 url from video page on Internet Archive
      2. MIME Type: type in video/mpeg
4. Publish and test links

Video Player Embed code

1. Go to the video page on the Internet Archive site (e.g. http://www.archive.org/details/BECA_State_Of_Events_3 )
2. Click on the image with the Click to play Video and big green arrow.
3. Once the video has started to play, click on the menu icon with three bars at the bottom right of the video player and then click on embed this. Copy the embed code and then click on the red [x] icon to close the embed screen.
4. Paste the embed code from the Internet Archive video page into your Drupal post and make the following changes to the default embed code:
   1. autoPlay=false
   2. usePlayOverlay=true
   3. width="320" height="268"

Changes highlighted below in dark orange

<embed src="http://www.archive.org/flow/FlowPlayerLight.swf?config=%7Bembedded%3Atrue%2CshowFullScreenButton%3Atrue%2CshowMuteVolumeButton%3Atrue%2CshowMenu%3Atrue%2CautoBuffering%3Atrue%2CautoPlay%3Afalse%2CinitialScale%3A%27fit%27%2CmenuItems%3A%5Bfalse%2Cfalse%2Cfalse%2Cfalse%2Ctrue%2Ctrue%2Cfalse%5D%2CusePlayOverlay%3Atrue%2CshowPlayListButtons%3Atrue%2CplayList%3A%5B%7Burl%3A%27BECA%5FState%5FOf%5FEvents%5F3%2FSOE3%5F512kb%2Emp4%27%7D%5D%2CcontrolBarGloss%3A%27high%27%2CshowVolumeSlider%3Atrue%2CbaseURL%3A%27http%3A%2F%2Fwww%2Earchive%2Eorg%2Fdownload%2F%27%2Cloop%3Afalse%2CcontrolBarBackgroundColor%3A%270x000000%27%7D" width="320" height="268" scale="noscale" bgcolor="111111" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" allowNetworking="all" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

Note: These changes 1) prevent the video from automatically playing, 2) add a play icon overlay, and 3) resize the video player to fit within the main body area of the web template.

Download link

Final step is to add a link where viewers can directly download the video file. (Note: You will need to update the link in the highlighted portion of the code.)

1. Copy the following code into your Drupal post below the embed code:
   <a href="http://www.archive.org/download/BECA_State_Of_Events_3/SOE3.mp4">Download</a> (MP4)
2. Go back to the internet archive page for the show you are posting, and copy the MPEG4 link located in the left sidebar of the screen in the View Movie box.
3. Paste the MPEG4 link into the URL portion of your Podcast link code (highlighted in dark orange).
4. Publish the post and make sure that the video player plays and all the links function normally.

If you notice any changes or steps missing in the process described in this post, please post a comment below. Thanks!