From 851976ebdf5465bdf34827e9bd80d1c4fed74639 Mon Sep 17 00:00:00 2001
From: Hristo Terezov <hristo@jitsi.org>
Date: Fri, 24 Apr 2020 15:38:17 -0500
Subject: [PATCH] fix(RemoteVideo): .oncanplay -> addEventListener

Replaces the .oncanplay listener with addEventListener('canplay', ...).
This is needed because third party libraries (for example callstats)
are brutally overriding the .oncanplay property and replacing our
listener.
---
 modules/UI/videolayout/RemoteVideo.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/modules/UI/videolayout/RemoteVideo.js b/modules/UI/videolayout/RemoteVideo.js
index e2f6caeaf..0591f3bb6 100644
--- a/modules/UI/videolayout/RemoteVideo.js
+++ b/modules/UI/videolayout/RemoteVideo.js
@@ -456,14 +456,16 @@ export default class RemoteVideo extends SmallVideo {
             return;
         }
 
-        streamElement.oncanplay = () => {
+        const listener = () => {
             this._canPlayEventReceived = true;
             this.VideoLayout.remoteVideoActive(streamElement, this.id);
-            streamElement.oncanplay = undefined;
+            streamElement.removeEventListener('canplay', listener);
 
             // Refresh to show the video
             this.updateView();
         };
+
+        streamElement.addEventListener('canplay', listener);
     }
 
     /**