Can't play video in IOS

[windystrife]

i write some demo to play video .mp4 (no AR) , three.js only
but it can't play video in webARonArkit (it's black screen)
can play well on PC.
here it is:
https://windystrife.github.io/three.ar.js/examples/VideoTest.html

[msimpson]

@windystrife
Try adding the newer playsinline attribute instead of the legacy webkit-playsinline, like:

video.setAttribute( 'playsinline', '' );

See: https://webkit.org/blog/6784/new-video-policies-for-ios/

I was able to get video playing in a demo I build myself, so I know it works.

[machenmusik]

I encountered some issues with video (and I couldn't use muted, or user gesture), so #59

[erikparr]

set your video in html, something like this works for me:

<video id="video" autoplay muted loop crossOrigin="anonymous" playsinline style="display:none">
    <source src="video/ocean.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  </video>

if on iphone use iphone-inline-video.min.js library and in your init set it like this:

video = document.getElementById('video');
enableInlineVideo(video);

[raywu]

I tried to enable autoplay and also tried to add a touchstart event to no avail. I looked into iphone-inline-video.min.js but it seems to be a polyfill ish library for iOS 8 and 9. I am using A-Frame and followed its FAQ to add meta tag and inline attributes playsinline. Is there anything else I should be aware of? My video plays on desktop browser but stalls on first frame on WeARonARKit.

I'm on iOS 12.1.4 and XCode 10.1.