Embedding Digital Videos in CKEditor / GT Editor

Embedding Digital Videos in CKEditor / GT Editor
Category
Developers
Site Administrators
Editors
afrank30
Drupal Version
Drupal 7
Drupal 10
Tags
CKEditor
GT Editor
videos

Embedding Georgia Tech MediaSpace Repository Content

A good solution for the Georgia Tech MediaSpace (Kaltura) repository has not been developed yet.  In the meantime, an experimental MediaSpace embed module is available for Drupal 7 and Drupal 10 from the developer who created the embed module for the now retired OIT Digital Media Repository.  Use at your own risk!

After installing either module, you will have to add the new input filter to your preferred text formats.  Make sure to set the ordering so that the filter comes last after all other filters.  This ensures that the filter's Javascript code does not get filtered out by any of your other text filters.

There is also a method now for enabling MediaSpace as an oEmbed provider in the Drupal Media library system.  The Media Library works outside of CKEditor and would be used in conjunction with custom blocks that contain Media fields (typically used with Layout Builder based page.)

Embedding YouTube and Vimeo Videos

Option #1 - Video Embed Field (Drupal 7 or 10)

  1. Download, install, and enable the Video Embed Field module.
  2. Add the new video field type to one or more of your Drupal Content Types.
  3. Content editors can now add videos to nodes of those content types by inserting the right linking details into the video field.
  4. WebWash provides a tutorial about video styles you can create with the Video Embed Field module.

Option #2 - Video Filter (Drupal 7)

  1. Download, install, and enable the Video Filter module.
  2. In the administrative configuration area of Drupal under Content authoring -> Text formats, configure each text format that you want to be able to use embedded videos.
    1. Enable the video filter.
    2. In the Filter processing order section, move the video filter down to the bottom of the list so that it is applied after all other filters.
    3. Don't forget to save your changes.
  3. On pages that use one of these configured text formats, you can now insert a video shortcode to create an embed of a supported video type.  See the download page at the link above for the full list of supported video services and formats.
  4. Example shortcode for embedding a video:
[ VIDEO::http://www.youtube.com/watch?v=98nNpzE6gIs::aVideoStyle ]

Option #3 - Ivan Allen College oEmbed Support Module (Drupal 10)

  1. Install the IAC Support for oEmbed Formats for Drupal 10 module
  2. Add the new "Embed remote content with oEmbed links" input filter to your preferred text formats
  3. Where you want to place a YouTube video, just paste in the video's oEmbed URL (see the oEmbed module's instructions for full details)

Option #4 - Drupal Media Library and oEmbed

You can use the standard instructions for adding an oEmbed provider to Drupal's Media Library to enable the use of YouTube, Vimeo, and some other video services.  In most cases YouTube will be enabled out-of-the-box.  The Media Library works outside of CKEditor and would be used in conjunction with custom blocks that contain Media fields (typically used with Layout Builder based page.)