From 7b018a60b4bb8e169144c83f1bfc0577f8cb9cee Mon Sep 17 00:00:00 2001
From: Andrew Sliwinski <andrewsliwinski@acm.org>
Date: Thu, 4 Oct 2018 17:19:49 -0400
Subject: [PATCH 1/3] Migrate tutorial videos to Wistia

---
 src/components/cards/cards.jsx    | 20 +++++++++++++++-----
 src/lib/libraries/decks/index.jsx | 28 ++++++++++++++--------------
 2 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
index 24e3d6edd..110f0686e 100644
--- a/src/components/cards/cards.jsx
+++ b/src/components/cards/cards.jsx
@@ -63,13 +63,23 @@ const VideoStep = ({video, dragging}) => (
             <div className={styles.videoCover} />
         ) : null}
         <iframe
-            allowFullScreen
-            allow="autoplay; encrypted-media"
-            frameBorder="0"
-            height="337"
-            src={`${video}?rel=0&amp;showinfo=0`}
+            allowfullscreen
+            allowtransparency="true"
+            frameborder="0"
+            height="338"
+            mozallowfullscreen
+            msallowfullscreen
+            oallowfullscreen
+            scrolling="no"
+            src={`https://fast.wistia.net/embed/iframe/${video}?seo=false&videoFoam=true`}
+            title="Video Player"
+            webkitallowfullscreen
             width="600"
         />
+        <script
+            async
+            src="https://fast.wistia.net/assets/external/E-v1.js"
+        />
     </div>
 );
 
diff --git a/src/lib/libraries/decks/index.jsx b/src/lib/libraries/decks/index.jsx
index f8324f3ae..bf714af93 100644
--- a/src/lib/libraries/decks/index.jsx
+++ b/src/lib/libraries/decks/index.jsx
@@ -74,7 +74,7 @@ export default {
 
         img: libraryIntro,
         steps: [{
-            video: 'https://www.youtube.com/embed/h9x8IPGN3SI'
+            video: 'rpjvs3v9gj'
         }, {
             title: (
                 <FormattedMessage
@@ -112,7 +112,7 @@ export default {
         ),
         img: libraryAnimate,
         steps: [{
-            video: 'https://www.youtube.com/embed/RUih6RnEdPg'
+            video: 'pyur30ho05'
         }, {
             title: (
                 <FormattedMessage
@@ -186,7 +186,7 @@ export default {
         ),
         img: libraryMakeMusic,
         steps: [{
-            video: 'https://www.youtube.com/embed/UQHHAQGuhl8'
+            video: 'ir0j8ljsgm'
         },
         {
             title: (
@@ -254,7 +254,7 @@ export default {
         ),
         img: libraryMakeAGame,
         steps: [{
-            video: 'https://www.youtube.com/embed/3G2miGV4TbQ'
+            video: '5rp47ys13g'
         },
         {
             title: (
@@ -340,7 +340,7 @@ export default {
         ),
         img: libraryChaseGame,
         steps: [{
-            video: 'https://www.youtube.com/embed/IRf9-P8PiZo'
+            video: 'kusyx9thl5'
         },
         {
             title: (
@@ -471,7 +471,7 @@ export default {
         ),
         img: addBackdropThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/Xv3Z80yy2l0'
+            video: 'nict6zdzlx'
         }, {
             deckIds: [
                 'change-size',
@@ -490,7 +490,7 @@ export default {
         ),
         img: changeSizeThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/PJijGbhcT3E'
+            video: 'p8va85hh61'
         }, {
             deckIds: [
                 'glide-around',
@@ -509,7 +509,7 @@ export default {
         ),
         img: glideAroundThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/KYmbgLX1xDs'
+            video: 'sh9j978rg8'
         }, {
             deckIds: [
                 'add-a-backdrop',
@@ -529,7 +529,7 @@ export default {
         ),
         img: recordASound,
         steps: [{
-            video: 'https://www.youtube.com/embed/1WaU6e70Zig'
+            video: 'ulzl1fbzny'
         }, {
             deckIds: [
                 'Make-Music',
@@ -548,7 +548,7 @@ export default {
         ),
         img: spinThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/C76V5cuI9XM'
+            video: '07fed5hhpv'
         }, {
             deckIds: [
                 'add-a-backdrop',
@@ -567,7 +567,7 @@ export default {
         ),
         img: hideAndShowThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/6yWUvRU19ms'
+            video: 'g479ahobo9'
         }, {
             deckIds: [
                 'add-a-backdrop',
@@ -587,7 +587,7 @@ export default {
         ),
         img: switchCostumeThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/vppgw1Xiegw'
+            video: '1ocp6a1ejn'
         }, {
             deckIds: [
                 'add-a-backdrop',
@@ -607,7 +607,7 @@ export default {
         ),
         img: moveArrowKeysThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/uf6agkKnXJw'
+            video: 'yetrmk4iuu'
         }, {
             deckIds: [
                 'add-a-backdrop',
@@ -626,7 +626,7 @@ export default {
         ),
         img: addEffectsThumb,
         steps: [{
-            video: 'https://www.youtube.com/embed/w3kGWEzRtxY'
+            video: '3jvl8zgjo2'
         }, {
             deckIds: [
                 'add-a-backdrop',

From b9f946ab8f860a907f000bb5f1f7daf8bee04b48 Mon Sep 17 00:00:00 2001
From: Andrew Sliwinski <andrewsliwinski@acm.org>
Date: Thu, 4 Oct 2018 17:28:18 -0400
Subject: [PATCH 2/3] Resolve lint errors and fix fullscreen playback

---
 src/components/cards/cards.jsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
index 110f0686e..ac079aea7 100644
--- a/src/components/cards/cards.jsx
+++ b/src/components/cards/cards.jsx
@@ -63,17 +63,13 @@ const VideoStep = ({video, dragging}) => (
             <div className={styles.videoCover} />
         ) : null}
         <iframe
-            allowfullscreen
-            allowtransparency="true"
-            frameborder="0"
+            allowFullScreen
+            allowTransparency="true"
+            frameBorder="0"
             height="338"
-            mozallowfullscreen
-            msallowfullscreen
-            oallowfullscreen
             scrolling="no"
             src={`https://fast.wistia.net/embed/iframe/${video}?seo=false&videoFoam=true`}
             title="Video Player"
-            webkitallowfullscreen
             width="600"
         />
         <script

From 1ba5d065930534f5d90a88f1fe08644c0de87887 Mon Sep 17 00:00:00 2001
From: Andrew Sliwinski <andrewsliwinski@acm.org>
Date: Mon, 15 Oct 2018 10:27:35 -0400
Subject: [PATCH 3/3] Change 'Video Player' to emoji

---
 src/components/cards/cards.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
index ac079aea7..335849e9e 100644
--- a/src/components/cards/cards.jsx
+++ b/src/components/cards/cards.jsx
@@ -69,7 +69,7 @@ const VideoStep = ({video, dragging}) => (
             height="338"
             scrolling="no"
             src={`https://fast.wistia.net/embed/iframe/${video}?seo=false&videoFoam=true`}
-            title="Video Player"
+            title="📹"
             width="600"
         />
         <script