AR.js + A-Frame 在点击事件上播放视频

Question

I'm using this tool to generate an augmented reality video using a-frame and ar.js https://ar-js-org.github.io/studio/

this is where I'm testing it . https://moya.do/temp/ar/video/ with this marker https://moya.do/temp/ar/video/marcador.png

Everything seems to work fine in android , but its seems that iOS have some restrictions on autoplaying videos in the browser.

I'm looking for options to getting this work on safari . Maybe if I disable autoplay , I don't know how to trigger the videoplayback if I click the video element.

    <script>
        window.addEventListener('click', function () {
        var v = document.querySelector('#vid');
        v.play();
        });
    </script>

I tried this without success.

Answer 1

This link from @onironauta solved it, it's in Spanish but fairly simple to understand, also you can just download the source code provided by the developer and copy the lines needed, it should work, it did for me :)

Solution