Download TinyMCE 4 plugin Youtube search and insert

TinyMCE 4 plugin Youtube search and insert A drag and drop plugin for the new tinyMCE 4 WYSIWYG editor. ( Build with Bootstrap version 3 build 2 ) Search for youtube video’s, autocomplete suggestions, see a preview and insert into the tinyMCE 4 WYSIWYG editor You can select some params like width, height, dark or light version

TinyMCE 4 plugin Youtube search and insert

A drag and drop plugin for the new tinyMCE 4 WYSIWYG editor.
( Build with Bootstrap version 3 build 2 )

Search for youtube video’s, autocomplete suggestions, see a preview and insert into the tinyMCE 4 WYSIWYG editor
You can select some params like width, height, dark or light version.
A great way for editors to insert youtube video’s into content pages.

The normal insert is an iframe but for programmers it is easy to make your own code to insert and replace it on the server side
Included is an image placeholder as an example, the normal iframe html5 embed and a ubb markup

FREE ADDON:

You can now get for free a QRcode wizzard plugin for tinyMCE 4
In the demo you can see this plugin !
You can download it here

Here you can view a small video demo

Key Features:

• Look and feel like it is a native plugin
• Easy to make your own markup
• Drag and drop in the plugin directory
• Youtube search suggestions
• Your editors will love it
• Multi language
• Don’t leave the editor to insert youtube video’s

Requirements

tinyMCE 4

API key

This plugin uses my google API key for the demo. The best thing you can do to take some control over this is get your own Google API key. Get it here You can then set your key in tinymce/plugins/youtube/js/youtube.js

Changelog

1.5 Added modernizr for touch support and added option to set the sliders true or false  (nov 19 2013)

Replaced width and height for jquery sliders (16/9) (nov 05 2013)

Fixed unicode german lang file (oct 30 2013)

1.4 Added multi language support. You can use lang files to set the language. So you can now use it in a multi language cms. Added English, Dutch and German as an example. (oct 27 2013)

1.3 Fixed small js problem with search onclick FF and Chrome and the load more (oct 16 2013)

Added insert/close and insert button and updated css background (sep 28 2013)

1.2 (sep 8 2013)

1.1 (sep 6 2013) small fixes

1.0 (sep 1 2013)

NB

You need to write your own replacement script for saving the data !
If someone is interest I have an example how to save the image placeholder with php (preg_replace).
This is not a WP plugin but a plugin for the new tinyMCE 4 version.

Also checkout my other TinyMCE 4 plugin ‘search for Flickr images’