6

I'm trying to get a video texture to play on geometry in iOS using three.js but instead of playing the video as a texture, the browser launches the video in a player that covers the window. I have tried this loading the mp4 directly in the texture, loading it first through a canvas, etc. If I pause the video with the player's controls, and "pinch", the player goes away leaving a paused texture on the geo at the paused frame.

Examples on line such as: http://jeromeetienne.github.io/threex.videotexture/examples/videotexture.html exhibit the same issue. So I'm assuming this is a new "feature" in iOS.

Is this an iOS issue, a Safari issue? If anyone has a workaround I would appreciate it. thanks

2 Answers 2

1

I fixed this issue by setting the 'playsinline' attribute on the video element. There is also a polyfill: https://www.npmjs.com/package/iphone-inline-video

0

found a link from an iOS post that led to an Apple page. Small screen iOS devices play back video at full screen - apparently overriding whatever instructions there may be in the HTML

2

Your Answer

Reminder: Answers generated by Artificial Intelligence tools are not allowed on Stack Overflow. Learn more

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.