Storyline and Studio: How to Make YouTube Videos Play Inline on iPhones Running iOS 10 and Later
Article Last Updated
This article applies to:
Apple introduced inline playback for videos on iPhones in iOS 10. Earlier versions of iOS force videos to play fullscreen on iPhones. Here's how to take advantage of this new iOS functionality to make YouTube videos plays inline on iPhones running iOS 10 or later when you:
Embed YouTube Videos as Website Videos
Add the playsinline=1 parameter to your YouTube embed code when you paste it into Storyline or Studio. For example, the standard embed code you copy from YouTube looks something like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/AAvP-V2vgng" frameborder="0" allowfullscreen></iframe>
Simply add a question mark (?) followed by playsinline=1 after the video ID, like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/AAvP-V2vgng?playsinline=1" frameborder="0" allowfullscreen></iframe>
If your embed code already has a question mark (?) followed by one or more parameters, add an ampersand (&) followed by playsinline=1 after the other parameters, like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/AAvP-V2vgng?rel=0&playsinline=1" frameborder="0" allowfullscreen></iframe>
Embed YouTube Videos as Web Objects
Add the playsinline=1 parameter to your web object URL in Storyline or Studio. For example, the standard YouTube web object URL looks like this:
https://www.youtube.com/embed/AAvP-V2vgng
Just add a question mark (?) followed by playsinline=1 after the video ID, like this:
https://www.youtube.com/embed/AAvP-V2vgng?playsinline=1
If your web object URL already has a question mark (?) followed by one or more YouTube parameters, add an ampersand (&) followed by playsinline=1 to the end of your URL, like this:
https://www.youtube.com/embed/AAvP-V2vgng?rel=0&showinfo=0&playsinline=1