CODEWITHSUNDEEP
javascriptiosyoutubeyoutube-apicordova-3
Elindorath
Elindorath

Reputation: 91

Inline youtube video doesn't work in cordova application on iOS

I develop a mobile application with cordova, and I really need to be able to play inline youtube video.

I tried to resolve it for a while:

The results are weird. When I play my video the first time, it goes fullscreen. So I inspect my HTML via the remote developer tools to check if the attribute is well set. It is! I do as I would edit it, I leave it without modification, and the magic happen: my video plays inline!

Obviously, I can't ask my users to do this trick.

Someone have an idea to solve this out?

It's kind of an emergency issue...

Upvotes: 6

Views: 2615

Answers (4)

Yonoss
Yonoss

Reputation: 1688

The name="AllowsInlineMediaPlayback" is not correct. The actual cordova preference name is "AllowInlineMediaPlayback" (note the missing 's' from 'Allows'). So the config.xml entry should look like this instead: atrice Tadrif mentioned in above answer in Cordova config.xml

<platform name="ios">
    <preference name="AllowInlineMediaPlayback" value="true">
</platform>

Also, in the html <video> tag, don't forget to pass the playsinline attribute.

This is how I've found about this problem: https://medium.com/thecreative-cat/allowinlinemediaplayback-is-not-allowsinlinemediaplayback-1a9123fdf88c

Upvotes: 1

Richen Yadav
Richen Yadav

Reputation: 109

More specifically you can add this in preference as @Patrice Tadrif mentioned in above answer in Cordova config.xml

<platform name="ios">
    <preference name="AllowsInlineMediaPlayback" value="true">
</platform>

Upvotes: 3

user2493235
user2493235

Reputation:

For me, it was just a case of using the correct preference name, you were missing the "s" from "Allows". So it should be:

<preference name="AllowsInlineMediaPlayback" value="true">

Upvotes: -1

Patrice Tardif
Patrice Tardif

Reputation: 31

There are several conf files in the folder cordova, the one that worked in my case with IOS is /Staging/config.xml Try to add to this conf file: preference name = "AllowsInlineMediaPlayback" value = "true"

Upvotes: 3

Related Questions