TinyMCE 4 and 5 plugin Youtube search and insert

TinyMCE 4/5 plugin Youtube (V3 API) search and insert

A drag and drop plugintinyMCE 4/5 WYSIWYG editor.
( Built with Bootstrap version 3 build 2)

searchYouTube video, Autocomplete suggestions, View preview and inserttinyMCE 4/5 WYSIWYG editor
You can choose some parameters like width, height, red or white version.
Edit A great way to insert youtube videos into content pages.

The normal insert is an iframe, but it's easy for programmers to have their own code insert and replace it on the server side
Includes an image placeholder as an example, normal iframe html5 embed and a ubb tag

If you want some jquery or php solution for image placeholders check outSupport tab

main feature:

Looks and feels like it's a native plugin
Easily make your own markers
Drag and drop into the plugin directory
Youtube Search Suggestions
Your editor will love it
multi-language
don't let the editor insert youtube videos

Requirements

tinyMCE 4/5

API

The plugin uses my google V3 API key for the demo. The best way to have some control over this is to get your own Google V3 API key.get it hereThen you can set the key in tinymce/plugins/youtube/js/youtube . js

Changelog

Fix for single quotes (sept 2 2019)

3.0 Updated, so it can be used with the latest TinyMCE 5 and the older version TinyMCE  4 (apr 28 2019)

2.0 Complete update to use the latest V3 API. Added a new youtube wrapper. It also checks if a lang file exist, if not it will use the default english lang (aug 15 2014)

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 to save the data!
If anyone is interested, I have an example how to save an image placeholder using php (preg_replace).
This is not a WP plugin, but a plugin for the new tinyMCE 4 version.

Also check my otherTinyMCE 4 plugin "Search Flickr Images"

Contents