• Skip to main content
  • Skip to main navigation
Baylor University
Drupal Content Management System (CMS)
  • CMS Migration
    • Project Scope
    • Project Context
    • Project Leadership & Team
    • Accessibility Statement
    • URL Redirects
  • Consulting and Design
    • Creating and Migrating Websites
    • Key Terms
    • Project Roles
    • Request a Drupal Site
    • Google Analytics
    • Web Consultants
  • Developer Docs
  • Documentation
    • Accessibility Resources
      • About Web Accessibility
      • Tips for Creating Accessible Content
    • Introduction to Drupal
      • Logging In
      • Platform Updates
      • Workflow States
    • Events
      • Adding an Event
      • Advanced Event Management Tools
      • Event Categories
      • Event Import
      • Event Subscriptions
      • Managing Existing Events
    • Media & Styles
      • Baylor Icons
      • Documents
      • Font Awesome Icons
      • Font Styles
      • Image Sizing
      • Recommended Image Sizes
      • Standards and Practices
      • Video Embedding
      • Videos: Hero Video Specifications
    • Menus, Navigation, and Redirects
      • Add Pages to a Menu
      • Child Page List Details
      • External Links
      • Featured Navigation Links
      • Place a Child Page List Block
      • Reordering the Menu
      • URLs and Redirects
    • News
      • Adding a News Story
      • Advanced News Story Options
      • Managing Existing News Stories
      • News Categories
      • News Importing
      • News Subscriptions
    • Pages
      • Basic Pages
      • Landing Pages
    • Advanced Features
      • People
      • Asides
    • Users & Roles
      • Drupal User Roles
    • Other Systems
      • Forms
      • Mass Email
      • Baylor CMS
    • Drupal Forms
      • Access Submissions
      • Download Submissions
      • Submitted Data
  • News & Updates
  • Training
  • Admin & Role Management
Baylor BU Drupal Content Management System (CMS) Documentation Media & Styles Video Embedding
  • Accessibility Resources
  • Introduction to Drupal
  • Events
  • Media & Styles
    • Baylor Icons
    • Documents
    • Font Awesome Icons
    • Font Styles
    • Image Sizing
    • Recommended Image Sizes
    • Standards and Practices
    • Video Embedding
    • Videos: Hero Video Specifications
  • Menus, Navigation, and Redirects
  • News
  • Pages
  • Advanced Features
  • Users & Roles
  • Other Systems
  • Drupal Forms

Video Embedding

Drupal's media library supports embedding media from YouTube and Vimeo. Content managers can also embed videos from the Baylor CMS and Kaltura by using supplied <iframe> code.

Baylor CMS Video Embeds

  • Navigate to the Multimedia 2.0 section of the Baylor CMS and go to the video you want to embed in Drupal.
  • Find the Embed an External Website field, select the entire <iframe> code, and copy (CTRL/CMD + C) it.
Video Embeds: Screen capture of Baylor CMS multimedia field
Video Embeds: Screen capture of Baylor CMS multimedia field
  • Navigate to the Drupal page where you want the video to live. Edit the page.
  • In the Body field, click on the Vertical Ellipsis button to the right of the toolbar.
Video Embeds: Screen capture of Body field ellipsis
Video Embeds: Screen capture of Body field ellipsis
  • Toggle the View HTML Source mode by clicking the Source button.
Video Embeds: Screen capture of Body field "View Source" button
Video Embeds: Screen capture of Body field "View Source" button
  • Once in Source mode, paste the <iframe> code into the Body field.
  • After pasting the code, toggle the Source mode off by clicking the Vertical Ellipsis and Source buttons.
Video Embeds: Screen capture of <iframe> in a Body field
Video Embeds: Screen capture of <iframe> in a Body field
  • When the Source mode is disabled, you will see a preview of your video in the Body field. Confirm the video is present.
Video Embeds: Screen capture of video preview in the Body field
Video Embeds: Screen capture of video preview in the Body field

Vimeo & YouTube Embeds

  • In a browser tab, navigate to the YouTube or Vimeo video.
  • Select the URL of the page from the browser's address bar and copy the URL.

Note: some videos are set to private and are unavailable for embedding. Please consult with the video's owner to adjust the video's privacy settings.

Screen capture from YouTube and Safari indicating the location of the address bar.
Screen capture from YouTube. Note the location of the URL in the browser's address bar.

In a browser tab, navigate to your Drupal website's admin panel.

  • Mouseover Content, then Media, then Add Media, then Video.
  • Click Video
Screen capture of Drupal's administrative panel indicating the location of the "Add Video" link.
Screen capture of Drupal's administrative panel indicating the location of the "Add Video" link.

On the Add Video page:

  • Type in the name of the video in the Name field.
  • Ensure Show in media library is checked.
  • Paste the URL of the YouTube or Vimeo video into the Video URL field.
  • Click Save
Embedding YouTube Videos - Step 3
Screen capture of Drupal's Add Video page.

Navigate to the Basic (or Landing) page where you want to embed a video. Once there:

  • Scroll to the Body field area and click on the Embed icon. It looks like an uppercase E. 
Embedding YouTube Videos - Step 4
Screen capture showing the location of the E (Embed) icon in a Body field.

After clicking the Embed icon, a modal window will appear.

  • Now, you will select a media item to embed. Media items in this window are displayed by date added, so recently added videos should be toward the beginning of the list.
  • Alternately, you can use the Keywords search field to find a specific video in the library.
  • Once you find the media item, click on it.
  • Click Place to add the image to the body field.

Note: depending on screen sizing, you may have to scroll within the Embed modal window to see more media items and the Place button. 

Screen capture showing how to select and place an image from the Drupal media library.
Screen capture showing how to select and place an image from the Drupal media library.
  • After placing an image, you'll see the Embed media item alignment and caption page.
  • Select your preferred alignment and caption, if desired.

Note: Generally, we recommend that videos have "None" as alignment.

Screen capture of alignment and caption options for an Embed media item.
Screen capture of alignment and caption options for an Embed media item.
  • After clicking Embed, the modal window will disappear, and the video will appear in the Body field.
  • You can make other changes in the Body field, including embedding multiple videos, images, and as much text as you need.
  • When you've finished adding or editing content, scroll to the bottom of the page and click Save.

Note: Sometimes the video won't appear in the Body field, as seen in the screenshot. This is due to YouTube settings for embedded videos in a WYSIWYG editor. Please ignore this error message.

Screen capture displaying how an embedded video appears in a Body field.
Screen capture displaying how an embedded video appears in a Body field.

You've successfully added a video to your Drupal site.

  • You can modify existing videos using these techniques.
  • You can also embed multiple videos in a single Body field.
Screen capture of a working embedded YouTube video.
Screen capture of a working embedded YouTube video.

Drupal Content Management System (CMS)

ITS and Marketing & Communications

Baylor's content management system is a tool for academic and administrative units to create and manage websites.

andrew_maddox@baylor.edu
Baylor BU Drupal Content Management System (CMS) Documentation Media & Styles Video Embedding
  • CMS Migration
    Back
    • Project Scope
    • Project Context
    • Project Leadership & Team
    • Accessibility Statement
    • URL Redirects
  • Consulting and Design
    Back
    • Creating and Migrating Websites
    • Key Terms
    • Project Roles
    • Request a Drupal Site
    • Google Analytics
    • Web Consultants
  • Developer Docs
  • Documentation
    Back
    • Accessibility Resources
      Back
      • About Web Accessibility
      • Tips for Creating Accessible Content
    • Introduction to Drupal
      Back
      • Logging In
      • Platform Updates
      • Workflow States
    • Events
      Back
      • Adding an Event
      • Advanced Event Management Tools
      • Event Categories
      • Event Import
      • Event Subscriptions
      • Managing Existing Events
    • Media & Styles
      Back
      • Baylor Icons
      • Documents
        Back
        • Add a Document to the Media Library
        • Add a Document as an Inline Link
        • Add a Document as a List Item
      • Font Awesome Icons
      • Font Styles
      • Image Sizing
      • Recommended Image Sizes
      • Standards and Practices
      • Video Embedding
      • Videos: Hero Video Specifications
    • Menus, Navigation, and Redirects
      Back
      • Add Pages to a Menu
      • Child Page List Details
      • External Links
      • Featured Navigation Links
      • Place a Child Page List Block
      • Reordering the Menu
      • URLs and Redirects
    • News
      Back
      • Adding a News Story
      • Advanced News Story Options
      • Managing Existing News Stories
      • News Categories
      • News Importing
      • News Subscriptions
    • Pages
      Back
      • Basic Pages
        Back
        • Adding a Basic Page
        • Basic Page Hero Image
        • Editing a Basic Page
        • Secured Page Content
      • Landing Pages
    • Advanced Features
      Back
      • People
        Back
        • Adding a Person
        • Adding a Person - Updates
        • Editing a Person
      • Asides
        Back
        • Create an Aside
        • Add an Aside to a Webpage
    • Users & Roles
      Back
      • Drupal User Roles
    • Other Systems
      Back
      • Forms
        Back
        • Baylor Forms (New)
        • BUCMS Forms (Legacy)
        • E-Commerce Forms
      • Mass Email
      • Baylor CMS
    • Drupal Forms
      Back
      • Access Submissions
      • Download Submissions
      • Submitted Data
  • News & Updates
  • Training
  • Admin & Role Management
  • General Information
  • Academics & Research
  • Administration
  • Admissions
  • Gateways for ...
  • About Baylor
  • Athletics
  • Ask Baylor
  • Bookstore
  • Calendar
  • Campus Map
  • Directory
  • Give to Baylor
  • News
  • Search
  • Social Media
  • Strategic Plan
  • College of Arts & Sciences
  • Diana R. Garland School of Social Work
  • George W. Truett Theological Seminary
  • Graduate School
  • Hankamer School of Business
  • Honors College
  • Law School
  • Louise Herrington School of Nursing
  • Research at Baylor University
  • Robbins College of Health and Human Sciences
  • School of Education
  • School of Engineering & Computer Science
  • School of Music
  • University Libraries, Museums, and the Press
  • More Academics
  • Athletics
  • Compliance, Risk and Safety
  • Human Resources
  • Marketing and Communications
  • Office of General Counsel
  • Office of the President
  • Office of the Provost
  • Operations, Finance & Administration
  • Senior Administration
  • Student Life
  • University Advancement
  • Undergraduate Admissions
  • goBAYLOR
  • Graduate Admissions
  • Baylor Law School Admissions
  • Social Work Graduate Programs
  • George W. Truett Theological Seminary Admissions
  • Online Graduate Professional Education
  • Virtual Tour
  • Visit Campus
  • Alumni & Friends
  • Faculty & Staff
  • Online Graduate Professional Education
  • Parents
  • Prospective Faculty & Staff
  • Prospective Students
  • Students
  • Anonymous Reporting
  • Annual Fire Safety and Security Notice
  • Cost of Attendance
  • Digital Privacy
  • Legal Disclosures
  • Mental Health Resources
  • Notice of Non-Discrimination
  • Report It
  • Title IX
  • Web Accessibility
 
Baylor University
Copyright © Baylor® University. All rights reserved.
Baylor University • Waco, Texas 76798 • 1-800-229-5678