From a65e29b7da63d24550d4eaf2a579f4a9404c484f Mon Sep 17 00:00:00 2001
From: Kushal Joshi <kushal@joshi.com>
Date: Mon, 30 Jul 2018 13:25:50 +0100
Subject: [PATCH] wrapped onlick in video player with anonymous function to fix
 safari-wont-pause bug

---
 view/template/acquisition/youtube-2.php | 6 +++---
 view/template/acquisition/youtube-3.php | 6 +++---
 view/template/acquisition/youtube.php   | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/view/template/acquisition/youtube-2.php b/view/template/acquisition/youtube-2.php
index 970a8a57..8781da48 100644
--- a/view/template/acquisition/youtube-2.php
+++ b/view/template/acquisition/youtube-2.php
@@ -80,7 +80,7 @@ Response::setMetaDescription("Put your content on the blockchain, experience tru
         <div class="box">
             <div class="image" target="_blank">
                 <div id="play-video1" class="to-play" onclick="playVideo('video1')"><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>
+                    <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="function(){this.paused ? this.play() : this.pause()}"/></video>
             </div>
 
           <div class="text">
@@ -90,7 +90,7 @@ Response::setMetaDescription("Put your content on the blockchain, experience tru
         <div class="box">
             <div class="image" target="_blank">
                 <div id="play-video2" class="to-play" onclick="playVideo('video2')"><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>
+              <video id="video2" width="100%" poster="/img/youtube/02@2x.jpg" src="https://spee.ch/3c96f32de285db6c04e80bd6f5fad573250541e9/casually-successful.mp4" style="cursor: pointer" onclick="function(){this.paused ? this.play() : this.pause()}" /></video>
             </div>
 
           <div class="text">
@@ -100,7 +100,7 @@ Response::setMetaDescription("Put your content on the blockchain, experience tru
         <div class="box">
           <div class="image"  target="_blank">
               <div id="play-video3" class="to-play" onclick="playVideo('video3')"><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>
+              <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="function(){this.paused ? this.play() : this.pause()}"></video>
           </div>
           <div class="text">
             <p>@ColinsLastStand</p>
diff --git a/view/template/acquisition/youtube-3.php b/view/template/acquisition/youtube-3.php
index fad62fb0..f38aea12 100644
--- a/view/template/acquisition/youtube-3.php
+++ b/view/template/acquisition/youtube-3.php
@@ -78,7 +78,7 @@ Response::addMetaImage(Request::getHostAndProto() . '/img/lbry-partner.png');
         <div class="box">
             <div class="image" target="_blank">
                 <div id="play-video1" class="to-play" onclick="playVideo('video1')"><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>
+                    <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="function(){this.paused ? this.play() : this.pause()}"/></video>
             </div>
 
           <div class="text">
@@ -88,7 +88,7 @@ Response::addMetaImage(Request::getHostAndProto() . '/img/lbry-partner.png');
         <div class="box">
             <div class="image" target="_blank">
                 <div id="play-video2" class="to-play" onclick="playVideo('video2')"><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>
+              <video id="video2" width="100%" poster="/img/youtube/02@2x.jpg" src="https://spee.ch/3c96f32de285db6c04e80bd6f5fad573250541e9/casually-successful.mp4" style="cursor: pointer" onclick="function(){this.paused ? this.play() : this.pause()}" /></video>
             </div>
 
           <div class="text">
@@ -98,7 +98,7 @@ Response::addMetaImage(Request::getHostAndProto() . '/img/lbry-partner.png');
         <div class="box">
           <div class="image"  target="_blank">
               <div id="play-video3" class="to-play" onclick="playVideo('video3')"><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>
+              <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="function(){this.paused ? this.play() : this.pause()}"></video>
           </div>
           <div class="text">
             <p>@ColinsLastStand</p>
diff --git a/view/template/acquisition/youtube.php b/view/template/acquisition/youtube.php
index 8f8e7838..5a08b791 100644
--- a/view/template/acquisition/youtube.php
+++ b/view/template/acquisition/youtube.php
@@ -78,7 +78,7 @@ Response::addMetaImage(Request::getHostAndProto() . '/img/lbry-partner.png');
         <div class="box">
             <div class="image" target="_blank">
                 <div id="play-video1" class="to-play" onclick="playVideo('video1')"><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>
+                    <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="function(){this.paused ? this.play() : this.pause()}"/></video>
             </div>
 
           <div class="text">
@@ -88,7 +88,7 @@ Response::addMetaImage(Request::getHostAndProto() . '/img/lbry-partner.png');
         <div class="box">
             <div class="image" target="_blank">
                 <div id="play-video2" class="to-play" onclick="playVideo('video2')"><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>
+              <video id="video2" width="100%" poster="/img/youtube/02@2x.jpg" src="https://spee.ch/3c96f32de285db6c04e80bd6f5fad573250541e9/casually-successful.mp4" style="cursor: pointer" onclick="function(){this.paused ? this.play() : this.pause()}" /></video>
             </div>
 
           <div class="text">
@@ -98,7 +98,7 @@ Response::addMetaImage(Request::getHostAndProto() . '/img/lbry-partner.png');
         <div class="box">
           <div class="image"  target="_blank">
               <div id="play-video3" class="to-play" onclick="playVideo('video3')"><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>
+              <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="function(){this.paused ? this.play() : this.pause()}"></video>
           </div>
           <div class="text">
             <p>@ColinsLastStand</p>