AFRAME.registerComponent ('movie1',{ init:function () { var movie1 = document.querySelector('#movie1'); var videoControls = document.querySelector('#videoControls'); this.el.addEventListener('click', function () { if (movie1.paused){ movie1.play(); videoControls.setAttribute('src','#pause'); } else { movie1.pause(); videoControls.setAttribute ('src','#play'); } }); } }); AFRAME.registerComponent ('movie2',{ init:function () { var movie2 = document.querySelector('#movie2'); var videoControls = document.querySelector('#videoControls'); this.el.addEventListener('click', function () { if (movie2.paused){ movie2.play(); videoControls.setAttribute('src','#pause'); } else { movie2.pause(); videoControls.setAttribute ('src','#play'); } }); } });