Inline video on iOS devices

Regarding this item in the 1/26/17 update for SL360:


"New: Apple iOS 10 allows videos to play inline on iPhones, so we added this functionality to Storyline 360. Just publish your course and it’ll automatically work. (Older versions of iOS force videos to fill the screen on iPhones.)"

I just tried this and my iPhone (iOS10) was still playing the videos using the Quicktime player when browsing the course with Safari.

Does Articulate have any additional detail for getting videos to play inline?

Thanks,
Erich

15 Replies
Alyssa Gomez

Hi Erich,

First you'll want to ensure that you're working with the most recent update of Storyline 360. When you open Articulate 360, you should see a message prompting you to update:

Then, re-pubish the course with the updated version of SL360, and you should see the video play inline as expected. I hope this helps!

Alyssa Gomez

Hmm, that's interesting. The update should have done the trick. In that case, we'd want to take a look at your file to make sure there's not something preventing the video from playing inline. You can share your file with the team here, and one of our Support Engineers will test it and contact you shortly.

Erich Renken

FYI...

Hi Erich,

Thank you for uploading your project file. We have reviewed your project file and we were able to duplicate your issue. The issue affects videos that are embedded into Storyline. The video launches in full screen mode, but you should be able to use the minimize button to make the video play inline. See screenshot for visual reference:

http://drops.articulate.com/5Egt/2tUbMQHe

I have submitted your case to our Quality Assurance team for their review. I cannot offer a time frame for when or if this issue will be resolved so please continue to take advantage of the workaround (using the minimize button) if you encounter this issue in the future.

Miker Ang
Customer Support Engineer
Articulate Support - http://www.articulate.com/support/

Ashley Terwilliger

Hi Erich,

I saw that Miker responded and shared the follow information so I also wanted to update you here:

I got the following update from our QA and Development team: 

Upon additional investigation, inline video with web videos isn't controlled from Storyline. However, there is a parameter (playsinline=1) that you can add to the YouTube embed code that will make it work. 

An example would be: <iframe width="640" height="360" src="https://www.youtube.com/embed/vlHuWb6v9aY?playsinline=1" frameborder="0" allowfullscreen></iframe> 

Vimeo doesn't currently have support for it. Depending on your video provider, they may or may not support a similar parameter. We would recommend checking with your video provider to see if they have something similar to YouTube's implementation. 

Ashley Terwilliger

Hi Carmen, 

As of the January 26, 2017 update for Storyline 360 and Studio 360, videos play inline (rather than fullscreen) on iPhones running iOS 10 or later. Just publish your course and it’ll automatically work.

Videos in Storyline 2, Storyline 1, and Studio '13 courses always fill iPhone screens, even if they're running iOS 10 or later.

Do you know what version of Storyline 360 you're using? You can check by going to the Help tab  -> About Articulate Storyline. I would also look at freshly inserting this video into Storyline 360 vs. upgrading your SL2 file.

Leslie McKerchie

Hello Anton,

Sorry to hear that you ran into difficulty with this as well.

Are you viewing the course in a supported mobile environment as specified here

  • Safari in Apple iOS 8 or later
  • Google Chrome in Apple iOS 8 or later
  • Google Chrome in Android OS 4.1 or later

Viewing in a 3rd party app from your LMS would not be a supported environment.