youtube-video (#20)

* youtube-video

* remove auto-pause

package.json

@@ -36,6 +36,7 @@
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-helmet": "^5.2.0",
+    "react-youtube": "^7.9.0",
     "redux": "^3.7.2",
     "typeface-roboto-condensed": "0.0.75",
     "typescript": "^3.8.3",

src/templates/index-page.js

@@ -1,11 +1,18 @@
 import React from 'react'
+import YouTube from 'react-youtube'
 import PropTypes from 'prop-types'
 import { Link, graphql } from 'gatsby'
 
 import Layout from '../components/Layout'
 import Features from '../components/Features'
 import BlogRoll from '../components/BlogRoll'
 
+const opts = {
+	height: '480',
+	width: '',
+	playerVars: {autoplay: 1}
+};
+
 export const IndexPageTemplate = ({
   image,
   title,
@@ -77,6 +84,11 @@ export const IndexPageTemplate = ({
                   <div className="tile">
                     <h3 className="subtitle">{mainpitch.description}</h3>
                   </div>
+									<YouTube
+									  className="column is-12"
+									  videoId="_CFDuLiHXuc"
+										opts={opts}
+									/>
                 </div>
                 <div className="columns">
                   <div className="column is-12">