<commit_before>#Videodetector
This is an ExpressionEngine 3 extension for converting YouTube, Vimeo, and DailyMotion URLs to players in WYGWAM editors and rendered templates.

## Requirements
 - [ExpressionEngine 3](https://ellislab.com/expressionengine)
 - [WYGWAM](https://devot-ee.com/add-ons/wygwam)

##Installation

In addition to adding this extension to ExpressionEngine, you'll need to download and add the CKEditor videodetector plugin.

###CKEditor Plugin
1. Download the CKEditor [Videodetector plugin](http://ckeditor.com/addon/videodetector).
2. Create a ckeditor-plugins directory in /themes/user.
3. Unzip the CKEditor videodetector plugin to /themes/user/ckeditor-plugins/videodetector. 

###ExpressionEngine Add-on
Download this EE extension to /system/user/addons/ and activate it in the Add-on manager.

## Configuration
1. Navigate to Add-On Manager / Wygwam / Edit Configuration / MyWYGWAM 
2. Under "Customize the Toolbar" add the VideoDetector icon (the play symbol in a circle).
3. Under "Advanced Settings", add videodetector to extraPlugins after selecting that option.

<figure>
	<img src="http://panchesco.com/media/mywygwam-videodetector-config.png" alt="WYGWAM field configuration">
</figure>

## Usage
Once the VideoDetector has been added to the custom field toolbar configuration, you can add a player to WYGWAM fields by clicking on the VideoDetector icon and providing a YouTube, Vimeo, or DailyMotion URL in the pop-up dialog.

The player is already fluid in the control panel WYGWAM field. If you'd like it to be fluid within its parent container when rendered in your template, add the following CSS to your stylesheet: 
```
.videodetector {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; // For ratio 16:9. 75% if ratio is 4:3<commit_msg>Updated documentation<commit_after>#Videodetector
This is an ExpressionEngine 3 extension for converting YouTube, Vimeo, and DailyMotion URLs to players in WYGWAM editors and rendered templates.

## Requirements
 - [ExpressionEngine 3](https://ellislab.com/expressionengine)
 - [WYGWAM](https://devot-ee.com/add-ons/wygwam)

##Installation

In addition to adding this extension to ExpressionEngine, you'll need to download and add the CKEditor videodetector plugin.

###CKEditor Plugin
1. Download the CKEditor [Videodetector plugin](http://ckeditor.com/addon/videodetector).
2. Create a ckeditor-plugins directory in /themes/user.
3. Unzip the CKEditor videodetector plugin to /themes/user/ckeditor-plugins/videodetector. 

###ExpressionEngine Add-on
Download this EE extension to /system/user/addons/ and activate it in the Add-on manager.

## Configuration
1. Navigate to the configuration page for your WYGWAM editor.
2. Under "Customize the Toolbar" add the VideoDetector icon (the play symbol in a circle).
3. Under "Advanced Settings", add videodetector to extraPlugins after selecting that option.

<figure>
	<img src="http://panchesco.com/media/mywygwam-videodetector-config.png" alt="WYGWAM field configuration">
</figure>

## Usage
Once the VideoDetector has been added to the custom field toolbar configuration, you can add a player to WYGWAM fields by clicking on the VideoDetector icon and providing a YouTube, Vimeo, or DailyMotion URL in the pop-up dialog.

The player is already fluid in the control panel WYGWAM field. If you'd like it to be fluid within its parent container when rendered in your template, add the following CSS to your stylesheet: 
```
.videodetector {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; // For ratio 16:9. 75% if ratio is 4:3
{'fraction_non_alphanumeric': 0.08025727069351231, 'fraction_numerical': 0.011185682326621925, 'mean_word_length': 4.732371794871795, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1904581', 'n_tokens_mistral': 1112, 'n_tokens_neox': 1037, 'n_words': 431}