function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Manoj ThangavelManoj Thangavel 

video tag in Aura Component iphone

Hi 

I am trying to use the iPhone camera and take a snap from aura component version 39, since the video tag not supported in the above 39 version.
am using Salesforce mobile app.

Am able to stream the camera in the video tag, but the video always starts in full screen in iPhone.

i have used multiple options as below,

<video id="video" autoplay playsinline >Browser dont support Videos.</video>
<video id="video" playsinline="true" >Browser dont support Videos.</video>

dynamic unescape HTML tag to use the playsinline attribute without assigning value to ti.

Even though, I have added playsinline attribute in the video element. This video tag works from desktop browsers, android phone camera in inline mode video streaming from the camera. But, iPhone always launches in full-screen mode and not able to use it as friendly.

Any idea, to use from LWC or inline mode camera capturing.

Thanks,
Manoj T
SwethaSwetha (Salesforce Developers) 
HI Manoj,
Do you have "slds-col" in your class? If so, you might want to use something like below to not show full screen
<div class="slds-col" style="width:50%;>
Related: https://salesforce.stackexchange.com/questions/103579/my-salesforce1-component-is-not-using-full-screen-area-on-iphone

If this information helps, please mark the answer as best. Thank you