preventing touch listener from being reapplied by moving it out of lo… (

MailOnline#15)

* preventing touch listener from being reapplied by moving it out of loadstart listener

* fixed typo

src/App.jsx

@@ -454,22 +454,21 @@ class App extends React.Component {
 
     player.muted(true);
 
-    this.player.on('loadstart', () => {
+    player.tech({ IWillNotUseThisInPlugins: true }).on('touchend', (e) => {
+      // only handle touch when it was tapped on the video
+      if (e.srcElement.tagName.toLowerCase() === 'video') {
+        player.paused() ? player.play() : player.pause();
+      }
+    });
+
+    player.on('loadstart', () => {
       const playlist = player.playlist();
       const currentItem = player.playlist.currentItem();
       const title = playlist[currentItem < 0 ? 0 : currentItem].title;
 
       player.controlBar.volumeMenuButton.show();
-      player.on('touchend', (e) => {
-        // only handle touch when it was tapped on the video
-        if (e.srcElement.tagName.toLowerCase() === 'video') {
-          player.paused() ? player.play() : player.pause();
-        }
-      });
 
-      if (CLIENT === 'telegraph') {
-        player.addClass('telegraph-player');
-      }
+      if (CLIENT === 'telegraph') player.addClass('telegraph-player');
 
       this.overlay(title);
     });