YouTube logo

YouTube plugin

Search and insert YouTube videos
YouTube screenshot
YouTube screenshot
YouTube logo

The YouTube plugin helps you embedding a video to your pages. All you need is just find the video you need using the keyword search or by its URL and press the "OK" button.

The plugin fully supports the new YouTube API 3. It has a video preview feature and the settings for the inserted video (e. g. video size, including custom sizes).

CKEditor 4 logo CKEditor 4
TinyMCE 6 logo TinyMCE 6
TinyMCE 5 logo TinyMCE 5
TinyMCE 4 logo TinyMCE 4

Install YouTube plugin in CKEditor 4

Download YouTube
ZIP archive of YouTube for CKEditor 4

Then do these simple steps:

  1. Copy YouTube directory to ckeditor/plugins/.
  2. Edit CKEditor config and add YouTube to extraPlugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Using config file
Using initialization script

Example of configuring with config.js

If you prefer to edit config.js config file of CKEditor or when your CKEditor initialization code is placed inside some non-editable part of CMS, make these changes there:

CKEDITOR.editorConfig = function(config) {
    config.extraPlugins = "YouTube";
};

Example of configuring inside initialization code

Some CMSs do not use config.js file and let to edit CKEditor initialization script only. Do this changes there:

CKEDITOR.replace("#editor", {
    extraPlugins: "YouTube",
});

Install YouTube plugin in TinyMCE 6

Download YouTube
ZIP archive of YouTube for TinyMCE 6
Self-hosted TinyMCE 6
Cloud TinyMCE 6

Install the plugin to TinyMCE 6 hosted on your server

  1. Copy YouTube directory to tinymce/plugins/.
  2. Edit TinyMCE config and add YouTube to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample TinyMCE initialization code with config inside it: 

TinyMCE.init({
    selector: "#editor",
    plugins: "YouTube",
});

Refer to TinyMCE add-ons installation manual for more details

Install the plugin to cloud edition of TinyMCE 6

  1. Copy YouTube directory somewhere on your server where it can be accessible by a link.
  2. Specify the location of just copied YouTube plugin adding key-value pair in external_plugins TinyMCE config parameter.
  3. Edit TinyMCE config and add YouTube to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample cloud TinyMCE initialization code with config inside it: 

TinyMCE.init({
    selector: "#editor",
    plugins: "YouTube",
    external_plugins: {
        "YouTube": "http://example.com/public/YouTube/plugin.min.js",
    },
});

Refer to TinyMCE add-ons installation manual for more details

Install YouTube plugin in TinyMCE 5

Download YouTube
ZIP archive of YouTube for TinyMCE 5
Self-hosted TinyMCE 5
Cloud TinyMCE 5

Install the plugin to TinyMCE 5 hosted on your server

  1. Copy YouTube directory to tinymce/plugins/.
  2. Edit TinyMCE config and add YouTube to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample TinyMCE initialization code with config inside it: 

TinyMCE.init({
    selector: "#editor",
    plugins: "YouTube",
});

Refer to TinyMCE add-ons installation manual for more details

Install the plugin to cloud edition of TinyMCE 5

  1. Copy YouTube directory somewhere on your server where it can be accessible by a link.
  2. Specify the location of just copied YouTube plugin adding key-value pair in external_plugins TinyMCE config parameter.
  3. Edit TinyMCE config and add YouTube to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample cloud TinyMCE initialization code with config inside it: 

TinyMCE.init({
    selector: "#editor",
    plugins: "YouTube",
    external_plugins: {
        "YouTube": "http://example.com/public/YouTube/plugin.min.js",
    },
});

Refer to TinyMCE add-ons installation manual for more details

Install YouTube plugin in TinyMCE 4

Download YouTube
ZIP archive of YouTube for TinyMCE 4

Then do these simple steps:

  1. Copy YouTube directory to tinymce/plugins/.
  2. Edit TinyMCE config and add YouTube to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample TinyMCE initialization code with config inside it: 

TinyMCE.init({
    selector: "#editor",
    plugins: "YouTube",
});

Refer to TinyMCE add-ons installation manual for more details

Reviews

It is definitely the best plugin I have for my Tiny! A lot of settings, aspect ratio options for embedding video. Search feature by the phrase, or by URL.

Thanks a lot!

User icon
Agnes B.
Individual

A good instrument for embedding the video from YouTube. Use it very often for my articles.

User icon
Pascal F.
Individual

Tell a friend about YouTube

Send