IOS 8-9 inline video

[ecsancho]

Greetings

I'm new to Pixi and I was under the impression that ios 8-9 can play inline video with webgl render texture. However everything works in desktop but in ios it still opens up native fullscreen video player. Is there any css styles or settings I'm missing?

Thanks

[dmko]

Share some code - the fromVideoUrl stuff works for me

[ecsancho]

renderer = PIXI.autoDetectRenderer(1000, 1080,{ view:document.getElementById("canvasStage"), antialias:true});

var vElm = document.createElement("video");
vElm.preload = "auto";
vElm.loop = true;              
vElm.src = "test1.mp4";
vElm.setAttribute('webkit-playsinline', 'true');

var texture = PIXI.Texture.fromVideo(vv);
var videoSprite = new PIXI.Sprite(texture);
videoSprite.width =640;
videoSprite.height = 360;
stage.addChild(videoSprite);

vsource=texture.baseTexture.source;

$(window).on('touchstart click', function(){
	vsource.play();
});

Here's what I have, pretty simple. This works on desktop but when playing on ios 9.3 it opens the video in native player. I'm using pixi v4 .

Any ideas? Thanks

[codetemplar]

Did you ever solve this as I'm having the same issue in V3?

[ecsancho]

Sadly no, not in the way I need it to. It does however play inline but it still open native player and I've tried various settings with no success which is very unfortunate. There are other libraries out there that allow inline on ios but it's not pixi

[dmko]

Try using the dev branch of PIXI, there was a bugfix which might be affecting this - details @ https://github.com/pixijs/pixi.js/issues/2873

(actually it seems like this commit might have been merged into latest master, so maybe just update pixi from the repository build)

[Rodrigo]

Hello,

Is there an official reason for this. I'm having the same problem, as well as others, regarding using video with PIXI.

With version 4.2.3, the problem persists. Also I'd like to know what's the official browser support for video in webgl, specially on devices (android and iOS), because I'm experiencing some issues with it. Mainly the video doesn't display on some of them. 

Thanks, Rodrigo.

[themoonrat]

Regarding ios, inline video support is for ios10 only due to browser restrictions.

There is a polyfill to get around this restriction with https://github.com/bfred-it/iphone-inline-video but it's not officially supported. 

[Rodrigo]

Sorry to bring this back, but has anyone had any success using this polyfill or anything else to use videos as textures on devices?, on desktop there are no issues whatsoever, but on devices all hell breaks loose. There are also some issues in older versions of Android (prior to 4.4).

Thanks,

Rodrigo.

[ecsancho]

I couldn't get it to work on my end. I ended up ditching the idea with inline video.

[themoonrat]

Have a follow of the thread here where we did get it working if it's still of interest: https://github.com/pixijs/pixi.js/issues/3112

[Rodrigo]

Thanks, yep I looked into that issue in github and I'll try that solution and see how it goes.