CKEditor: Video Detector

This module enables the Video Detector plugin from CKEditor.com in your WYSIWYG. This plugin allows you to insert videos from Youtube, Vimeo or Dailymotion only pasting a URL or embed code.

Requirements

CKEditor Module (Core)

Installation

1. Download the plugin from https://ckeditor.com/addon/videodetector.
2. Place the plugin in the root libraries folder (/libraries).
3. Enable CKEditor Video Detector in the Drupal admin.
4. Configure your WYSIWYG toolbar to include the buttons.

This project only handles the bridge between Video Detector and Drupal. For support to the Video Detector library feel free to ask at their project page.

If you want to make this video full width in your website add this following css in your theme:

.videodetector {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}
.videodetector iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}