problem playing a video

[hiukim]

problem playing a video

[hiukim]

@jhonrymat I'm not sure I understand what you mean. Can you provide screencaps?

[jhonrymat]

just take the example of advanced.html and change the link of the video, for a video that has embedded audio, but when the page is opened the audio is played instantly without having clicked on the video

[hiukim]

@jhonrymat

Can you perhaps create a minimal and runnable example? That would help a lot.

Better off, are you able to confirm the problem is caused by MindAR. One good way to do that is remove MindAR and create a regular AFRAME scene with video, and make the "click and play" works.

After that, put in the MindAR library, and see what's the difference. Then we will know what's causing the problem.

[jhonrymat]

here an example in glitch.com
https://mighty-arrow-pyrite.glitch.me/
https://cdn.glitch.com/b38eb9a2-8d3c-4e64-998d-6d0738b4c845%2Fcard.png?v=1616288422890
and here the code
https://glitch.com/edit/#!/mighty-arrow-pyrite?path=index.html%3A1%3A0

[hiukim]

I run your example, and I couldn't see any video. So there is also no audio as well.

[jhonrymat]

Hello again, could you please explain how to play a video I still can't find how, and then proceed to close the thread, thank you very much

[hiukim]

Now, I'm a bit confused about the problem you are having. Are you

1. no able to play video, or
2. can play video, but the video started playing incorrectly

if 1)
The interactive example you mentioned already provided an example of how to start a video.

if 2)
Can you provide a minimal and runnable example that I can replicate your issue.

[jhonrymat]

You just want to put a video on top of an image but I don't know how to break down your example, just to use the video, I appreciate your help. I tried this way and I did not succeed.

https://glitch.com/edit/#!/mighty-arrow-pyrite?path=index.html%3A1%3A0

[hiukim]

@jhonrymat Your video doesn't play because the click event wasn't fired/captured. If you need to capture click event on aframe element, you need to setup the raycaster in camera, e.g.

 <a-camera cursor="fuse: false; rayOrigin: mouse;" raycaster="near: 10; far: 10000; objects: .clickable"></a-camera>
        <a-cursor></a-cursor>
      </a-camera>

<a-video class="clickable" src="#surfer" height="4.5" width="8" position="0 3 -9"
        ><a-image
          id="videocontrols"
          src="#play"
          position="0 -3 0"
          scale="0.5 0.5 1"
          play-pause
        ></a-image>
      </a-video>

[jhonrymat]

Excellent, thank you very much, it was what I needed, you are the best. I close thread.