Add youtube embedOptions config option

Closes cookpete/react-player#557
Allows the use of the `host` option, which fixes cookpete/react-player#272

README.md

@@ -130,7 +130,7 @@ Settings for each player live under different keys:
 
 Key | Options
 --- | -------
-`youtube` | `playerVars`: Override the [default player vars](https://developers.google.com/youtube/player_parameters?playerVersion=HTML5)<br />`preload`: Used for [preloading](#preloading)
+`youtube` | `playerVars`: Override the [default player vars](https://developers.google.com/youtube/player_parameters?playerVersion=HTML5)<br />`embedOptions`: Override the [default embed options](https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player)<br />`preload`: Used for [preloading](#preloading)
 `facebook` | `appId`: Your own [Facebook app ID](https://developers.facebook.com/docs/apps/register#app-id)
 `soundcloud` | `options`: Override the [default player options](https://developers.soundcloud.com/docs/api/html5-widget#params)<br />`preload`: Used for [preloading](#preloading)
 `vimeo` | `playerOptions`: Override the [default params](https://developer.vimeo.com/player/embedding#universal-parameters)<br />`preload`: Used for [preloading](#preloading)

index.d.ts

@@ -19,6 +19,7 @@ export interface SoundCloudConfig {
 
 export interface YouTubeConfig {
   playerVars?: Object;
+  embedOptions?: Object;
   preload?: boolean;
 }
 

src/players/YouTube.js

@@ -27,7 +27,7 @@ export class YouTube extends Component {
   callPlayer = callPlayer
   load (url, isReady) {
     const { playing, muted, playsinline, controls, loop, config, onError } = this.props
-    const { playerVars } = config.youtube
+    const { playerVars, embedOptions } = config.youtube
     const id = url && url.match(MATCH_URL)[1]
     if (isReady) {
       if (MATCH_PLAYLIST.test(url)) {
@@ -62,7 +62,8 @@ export class YouTube extends Component {
           onReady: this.props.onReady,
           onStateChange: this.onStateChange,
           onError: event => onError(event.data)
-        }
+        },
+        ...embedOptions
       })
       if (loop) {
         this.player.setLoop(true) // Enable playlist looping

src/props.js

@@ -28,6 +28,7 @@ export const propTypes = {
     }),
     youtube: shape({
       playerVars: object,
+      embedOptions: object,
       preload: bool
     }),
     facebook: shape({
@@ -111,6 +112,7 @@ export const defaultProps = {
         iv_load_policy: 3,
         modestbranding: 1
       },
+      embedOptions: {},
       preload: false
     },
     facebook: {