Hi, I am unable to prevent a video in iphone to be displayed full screen. I am using the following code:
var vid = sym.$("Rectangle");
vid.html('<video id="videoPlayer" width="400" height="225" src="test.mp4" type="video/mp4" controls="controls" webkit-playsinline></video>');
The webkit-playsinline is being ignored. Is there a solution using java script?
Unfortunately there's mixed rules when playing video inline on iOS. You can play a video inline within a web app or when a web page is saved to the home screen using webkit-playsinline, BUT this doesn't work when using Safari. If the intent is to have a website with inline video you're out of luck, but if you're building a web app you have the option of adding webkit-playsinline as a video attribute.