title: Aframe click button with eventlistener
body: <p>I try to execute an action when user press a button (An event listener needed because <a href="https://webkit.org/blog/6784/new-video-policies-for-ios/" rel="nofollow noreferrer">https://webkit.org/blog/6784/new-video-policies-for-ios/</a>), but I guess, I have some syntax/logic mistake. Some help would be nice :D. </p>
  
  <p>Here is the code:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>   &lt;a-image id="playbutton_1" position="-5 0 0" width="2" height="2" rotation="0 -90 0" &gt;&lt;/a-image&gt;
  </code></pre>
  
  <p><strong>JS:</strong>   </p>
  
  <pre><code>var playthisvid_1 = document.querySelector('#playbutton_1');
  
      playthisvid_1.addEventListener('click', () =&gt; { console.log("it clicks");  })
  </code></pre>