From c6da31d42179d3f1c100c2a007149c8d049273b6 Mon Sep 17 00:00:00 2001
From: maximest-pierre <me@maximest-pierre.me>
Date: Mon, 19 Mar 2018 22:29:30 -0400
Subject: [PATCH] Cleanup and finishing up yt_sync features

---
 view/template/acquisition/youtube.php | 12 +++++-----
 web/js/yt2/youtube_video.js           | 32 +++++++++++----------------
 2 files changed, 19 insertions(+), 25 deletions(-)

diff --git a/view/template/acquisition/youtube.php b/view/template/acquisition/youtube.php
index 53bb706c..069f6cbc 100644
--- a/view/template/acquisition/youtube.php
+++ b/view/template/acquisition/youtube.php
@@ -77,8 +77,8 @@ Response::setMetaDescription("Put your content on the blockchain, experience tru
       <div class="boxes">
         <div class="box">
             <div class="image" target="_blank">
-                <div class="to-play" onclick="playVideo1()"><span></span></div>
-                    <video id="video1" width="100%" poster="/img/youtube/01@2x.jpg" src="https://spee.ch/1ac47b8b3def40a25850dc726a09ce23d09e7009/ever-wonder-how-bitcoin-and-other.mp4"/></video>
+                <div id="play-video1" class="to-play" onclick="playVideo1()"><span></span></div>
+                    <video id="video1" width="100%" poster="/img/youtube/01@2x.jpg" src="https://spee.ch/1ac47b8b3def40a25850dc726a09ce23d09e7009/ever-wonder-how-bitcoin-and-other.mp4" style="cursor: pointer" onclick="this.paused ? this.play() : this.pause();"/></video>
             </div>
 
           <div class="text">
@@ -87,8 +87,8 @@ Response::setMetaDescription("Put your content on the blockchain, experience tru
         </div>
         <div class="box">
             <div class="image" target="_blank">
-                <div class="to-play" onclick="playVideo2()"><span></span></div>
-              <video id="video2" width="100%" poster="/img/youtube/02@2x.jpg" src="https://spee.ch/3c96f32de285db6c04e80bd6f5fad573250541e9/casually-successful.mp4"/></video>
+                <div id="play-video2" class="to-play" onclick="playVideo2()"><span></span></div>
+              <video id="video2" width="100%" poster="/img/youtube/02@2x.jpg" src="https://spee.ch/3c96f32de285db6c04e80bd6f5fad573250541e9/casually-successful.mp4" style="cursor: pointer" onclick="this.paused ? this.play() : this.pause();" /></video>
             </div>
 
           <div class="text">
@@ -97,8 +97,8 @@ Response::setMetaDescription("Put your content on the blockchain, experience tru
         </div>
         <div class="box">
           <div class="image"  target="_blank">
-              <div class="to-play" onclick="playVideo3()"><span></span></div>
-              <video id="video3" width="100%" poster="/img/youtube/03@2x.jpg" src="https://spee.ch/8958c5d573d71f5c2d0c1bfdf752737ce39744cb/the-historical-elements-of-wolfenstein.mp4"></video>
+              <div id="play-video3" class="to-play" onclick="playVideo3()"><span></span></div>
+              <video id="video3" width="100%" poster="/img/youtube/03@2x.jpg" src="https://spee.ch/8958c5d573d71f5c2d0c1bfdf752737ce39744cb/the-historical-elements-of-wolfenstein.mp4" style="cursor: pointer" onclick="this.paused ? this.play() : this.pause();"></video>
           </div>
           <div class="text">
             <p>@ColinsLastStand</p>
diff --git a/web/js/yt2/youtube_video.js b/web/js/yt2/youtube_video.js
index 0a36d2af..b71d5f01 100644
--- a/web/js/yt2/youtube_video.js
+++ b/web/js/yt2/youtube_video.js
@@ -1,31 +1,25 @@
 
 function playVideo1(){
     var myVideo = document.getElementById("video1");
-    if (myVideo.paused){
-        myVideo.play();
-    }
-    else{
-        myVideo.pause();
-    }
+
+    myVideo.play();
+    $('#video1').prop("controls", true);
+    $('#play-video1').hide();
 }
 
 function playVideo2(){
     var myVideo = document.getElementById("video2");
-    if (myVideo.paused){
-        myVideo.play();
-    }
-    else{
-        myVideo.pause();
-    }
+
+    myVideo.play();
+    $('#video2').prop("controls", true);
+    $('#play-video2').hide();
 }
 
 function playVideo3() {
     var myVideo = document.getElementById("video3");
-    if (myVideo.paused) {
-        myVideo.play();
-    }
-    else {
-        myVideo.pause();
-    }
 
-}
\ No newline at end of file
+    myVideo.play();
+    $('#video3').prop("controls", true);
+    $('#play-video3').hide();
+
+}