From 671325dd176c8a6c04a180a5a61a823e3a822c08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Renaud-Allaire?= <leo.renaud@hooktstudios.com>
Date: Tue, 24 Jul 2018 16:36:25 -0400
Subject: [PATCH] Add support for YouTube's hl param

---
 readme.md                 | 2 +-
 src/js/plugins/youtube.js | 1 +
 src/js/plyr.js            | 3 ++-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/readme.md b/readme.md
index 2ca9ed53..c18fefbc 100644
--- a/readme.md
+++ b/readme.md
@@ -80,7 +80,7 @@ Plyr extends upon the standard [HTML5 media element](https://developer.mozilla.o
 </audio>
 ```
 
-For YouTube and Vimeo players, Plyr uses progressive enhancement to enhance the default `<iframe>` embeds. Below are some examples. The `plyr__video-embed` classname will make the embed responsive. You can add the `autoplay`, `loop` and `playsinline` (YouTube only) query parameters to the URL and they will be set as config options automatically. For YouTube, the `origin` should be updated to reflect the domain you're hosting the embed on, or you can opt to omit it.
+For YouTube and Vimeo players, Plyr uses progressive enhancement to enhance the default `<iframe>` embeds. Below are some examples. The `plyr__video-embed` classname will make the embed responsive. You can add the `autoplay`, `loop`, `hl` (YouTube only) and `playsinline` (YouTube only) query parameters to the URL and they will be set as config options automatically. For YouTube, the `origin` should be updated to reflect the domain you're hosting the embed on, or you can opt to omit it.
 
 #### YouTube embed
 
diff --git a/src/js/plugins/youtube.js b/src/js/plugins/youtube.js
index b521be3c..99a505c5 100644
--- a/src/js/plugins/youtube.js
+++ b/src/js/plugins/youtube.js
@@ -188,6 +188,7 @@ const youtube = {
             videoId,
             playerVars: {
                 autoplay: player.config.autoplay ? 1 : 0, // Autoplay
+                hl: player.config.hl, // iframe interface language
                 controls: player.supported.ui ? 0 : 1, // Only show controls if not fully supported
                 rel: 0, // No related vids
                 showinfo: 0, // Hide info
diff --git a/src/js/plyr.js b/src/js/plyr.js
index 0f27b750..6d321112 100644
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@@ -171,7 +171,7 @@ class Plyr {
                     this.elements.container.className = '';
 
                     // Get attributes from URL and set config
-                    if (url.searchParams.length) {
+                    if (url.search.length) {
                         const truthy = ['1', 'true'];
 
                         if (truthy.includes(url.searchParams.get('autoplay'))) {
@@ -185,6 +185,7 @@ class Plyr {
                         // YouTube requires the playsinline in the URL
                         if (this.isYouTube) {
                             this.config.playsinline = truthy.includes(url.searchParams.get('playsinline'));
+                            this.config.hl = url.searchParams.get('hl');
                         } else {
                             this.config.playsinline = true;
                         }