Videos

While video files cannot be hosted within your GW Drupal website, you can upload them to Vimeo and/or YouTube and then embed them onto your webpages for a seamless and engaging user experience. Here, we'll cover the embed methods available within the two themes.

However, you can also overlay a video on top of a Promotion, and create a rotating set of videos by adding multiple Promotions to several rotating Content Set options. See the Promotions page for instructions on the overlay method.

 

In the Editorial theme, you have two options for featuring videos on your website:

  • Use the WYSIWYG text editor video embed
  • Use the Sharing/Embed feature in YouTube or Vimeo

From the WYSIWYG text editor

  1. Go to the desired video on YouTube or Vimeo
  2. Click on its share icon and copy the link to the video's page
  3. Back in Drupal, click on the blue filmstrip icon in the WYSIWYG text editor
  4. In the next window, paste the URL  provided by YouTube or Vimeo respectively
    • Adjust the video dimensions, if desired
    • Be sure to maintain the aspect ratio so that it will not be skewed
  5. Check the Autoplay checkbox if you would like it to play on page load
  6. Check the Open in Lightbox checkbox if you would like the video to play in a "popup window" instead of directly on the page
  7. Type in descriptive alternative text for the video's image thumbnail
  8. Click the OK button

You should now see embed code representing the video. Upon publishing and saving the page or Promotion, you should see your video in that space.

Sharing from YouTube

YouTube allows you to share individual videos, as well as video playlists from YouTube channels. With a basic channel, you can generally expect that:

  • Videos and playlists must be public in order for them to display on your website
  • You can share public videos from your own account or from someone else's account
  • The username, profile image, and video title will display along the top of the video, alongside links back to the owner's YouTube page

A sample video from the George Washington University's YouTube channel:

Embed a YouTube Video or Playlist

  1. Copy the embed code for the desired YouTube video or playlist
  2. Back in GW Drupal, click on the Source button on the WYSIWYG text editor
  3. Place your cursor in the spot you'd like the video or playlist to display
  4. Paste in the embed code
  5. Publish and Save the content

You should now see the YouTube video or playlist player on your website.

Sharing from Vimeo

Like YouTube, the Vimeo video platform offers video-hosting services, as well as features to share your videos on your website.

Unlike YouTube, Vimeo also offers both a basic, free account level, as well as several paid account levels. Paid accounts provide extended customization options on the embeddable video player, such as hiding ads, the Vimeo logo and certain buttons on the player.

  • Videos must be public in order for them to display on your website
  • You can share public videos from your own account or from someone else's account
  • The username, profile image, and video title will display, alongside links back to the owner's page

A sample video from the George Washington University's Vimeo page:

Embed a Vimeo Video

  1. Copy the embed code for the desired Vimeo video
  2. Back in GW Drupal, click on the Source button on the WYSIWYG text editor
  3. Place your cursor in the spot you'd like the video to display
  4. Paste in the embed code
  5. Publish and Save the content

You should now see the Vimeo video player on your website.

In the GW Drupal Classic theme, sharing YouTube and Vimeo videos is a quick process that involves grabbing the embed code from your chosen video hosting platform, and then pasting it into the Source HTML of your GW Drupal webpage.

Sharing from YouTube

YouTube allows you to share individual videos, as well as video playlists from YouTube channels. With a basic channel, you can generally expect that:

  • Videos and playlists must be public in order for them to display on your website
  • You can share public videos from your own account or from someone else's account
  • The username, profile image, and video title will display along the top of the video, alongside links back to the owner's YouTube page

A sample video from the George Washington University's YouTube channel:

Embed a YouTube Video or Playlist

  1. Copy the embed code for the desired YouTube video or playlist
  2. Back in GW Drupal, click on the Source button on the WYSIWYG text editor
  3. Place your cursor in the spot you'd like the video or playlist to display
  4. Paste in the embed code
  5. Publish and Save the content

You should now see the YouTube video or playlist player on your website.

Sharing from Vimeo

Like YouTube, the Vimeo video platform offers video-hosting services, as well as features to share your videos on your website.

Unlike YouTube, Vimeo also offers both a basic, free account level, as well as several paid account levels. Paid accounts provide extended customization options on the embeddable video player, such as hiding ads, the Vimeo logo and certain buttons on the player.

  • Videos must be public in order for them to display on your website
  • You can share public videos from your own account or from someone else's account
  • The username, profile image, and video title will display, alongside links back to the owner's page

A sample video from the George Washington University's Vimeo page:

Embed a Vimeo Video

  1. Copy the embed code for the desired Vimeo video
  2. Back in GW Drupal, click on the Source button on the WYSIWYG text editor
  3. Place your cursor in the spot you'd like the video to display
  4. Paste in the embed code
  5. Publish and Save the content

You should now see the Vimeo video player on your website.

Video Captions

When creating videos for your website or social media networks, you'll need to include video captioning for accessibility into your plans and budget. Captions aid those users who have trouble hearing or focusing on the action in the video.

There are many vendors who provide video captioning services. Currently, Marketing & Creative Services uses Rev for video captions.