I have followed the directions in this tutorial about adding a YouTube video to Storyline ( http://www.articulate.com/support/kb_article.php?product=st1&id=naw70kv2nkvi ) to the letter, but on the iPad no video shows - just a blank screen. Works fine on pc/mac screen. Have published both with/without the Articulate Mobile Player with no result. What could I possibly be doing wrong? Any help vastly appreciated.
This is the same issue I had previously; so far I have not had any success.
It's not a restricted video. The video creator has it posted on their website, and it is available both on screen and iPad. It works perfectly for them in a web page, but nothing I do using Storyline allows the video to play on the iPad, only on screen.
The project is currently hosted on our development server.
Insert web object yields nothing. Insert video from website works fine on screen but not on iPad.
I am not sure exactly what I have been doing wrong, but using your link with web object made this specific video work. I'll see if I can get the other video t work. That one was giving me error messages in Windows.
One further question, if I may. The videos are set to autoplay - added "?autoplay=1" to url code. Works on screen, but on iPad the video must be clicked to play, even though the progress bar shows time elapsing. Have you heard of this issue? Thank you.
Honestly I hadn't made it that far :D I simply added the URL, without any additional features/parameters. When I set up the video I had to click to play the video as well.
I just tested this and I'm seeing the same thing, the autoplay works on a PC, but doesn't seem to do the trick on the iPad. Looks like this is something that's come up in the past and Jeanette posted a solution that may work for you:
I looked at the link, but it's more about stopping a viewer from advancing to the next screen before a video is completed.
If there is no way to autoplay a video on the iPad then we will have to revise our course. We have screens with parts of videos, and then text and interactions following the video. If the timeline advances whether the video is playing or not playing, then our concept will not work, unless we can autoplay on the iPad.
More strangeness - I had placed a color box behind the video as a visual frame. No matter how long the timeline is extended beyond the length of the video, the color box vanishes after a while, despite being coded to "Show Until End". It's like the video keeps going beyond the apparent end time. Have not figured this out either.
Quick question/suggestion here - are you required to use YouTube videos? If you could get permission from the owner of the videos, you might be able to avoid all of these issues by simply recording and placing the videos in the actually course, rather than having to link/embed them. Just a though - I'm not sure what the project requirements are, but if you could do this you would definitely have more control over the videos, their appearance and how/when they play.
Christine, I have a followup video question. Since we are using Web Object and not embed code, we are seeing the youtube "related" screen come up at the end of the videos. Do you know of any way to stop this related screen from showing using web object?
Any changes on this? I'm using a web object with a youtube link that includes a variety of parameters and cannot get videos to auto play. They auto play fine on desktop.
This thread is a bit dated. Are you utilizing Storyline 1 as well?
You may find that videos set to automatically play don't actually autoplay when viewing HTML5 content in mobile Safari on an iPad or iPhone. This issue was fixed in Update 7. See this article for more information.
19 Replies
Hi Richard! :D
The YouTube video isn't restricted, correct? Where's the project hosted?
Can you link to the YouTube video, or share the project's .STORY file?
Thanks!
Hi again Christine
This is the same issue I had previously; so far I have not had any success.
It's not a restricted video. The video creator has it posted on their website, and it is available both on screen and iPad. It works perfectly for them in a web page, but nothing I do using Storyline allows the video to play on the iPad, only on screen.
The project is currently hosted on our development server.
Insert web object yields nothing. Insert video from website works fine on screen but not on iPad.
Here's the link to the video:
http://www.youtube.com/watch?v=VNNsN9IJkws
I have tried this embed code - fine for screen. nothing for iPad:
<iframe width="640" height="360" src="http://www.youtube.com/embed/VNNsN9IJkws"></iframe>
I really need to find a way to make this work as our project is YouTube video based.
Thank you.
I have also sent the story file and pertinent info to priority support. Hope to get a helpful answer.
Hi Richard!
Are you publishing for HTML5? If so, the "Video from Website" option won't work properly. That may be why this method isn't working.
Here's more information:
Note: If you'll be delivering your Storyline courses via HTML5 or the Articulate Mobile Player app for iPad, be aware that YouTube videos embedded in this manner won't work in these environments. Use the following method for embedding YouTube videos instead.
For the web object method, I was able to get this working with the Articulate Mobile Player and it's also working very well in HTML5.
Testing for Richard Youtube HTML5
What URL are you entering for the web object? Try http://www.youtube.com/embed/VNNsN9IJkws if you can.
Thanks!
Sorry Richard,
Looks like I was working on that response when you posted.
Can you share the case number with me, please?
Thanks again!
Christine, the case number is 00338957.
I am not sure exactly what I have been doing wrong, but using your link with web object made this specific video work. I'll see if I can get the other video t work. That one was giving me error messages in Windows.
THANK YOU!!
Sounds good, Richard!
Let me know if you have trouble with the other video.
Thanks,
Christine
One further question, if I may. The videos are set to autoplay - added "?autoplay=1" to url code. Works on screen, but on iPad the video must be clicked to play, even though the progress bar shows time elapsing. Have you heard of this issue? Thank you.
Hi Richard,
Honestly I hadn't made it that far :D I simply added the URL, without any additional features/parameters. When I set up the video I had to click to play the video as well.
I just tested this and I'm seeing the same thing, the autoplay works on a PC, but doesn't seem to do the trick on the iPad. Looks like this is something that's come up in the past and Jeanette posted a solution that may work for you:
youtube on Ipad
Thanks!
Thanks Christine.
I looked at the link, but it's more about stopping a viewer from advancing to the next screen before a video is completed.
If there is no way to autoplay a video on the iPad then we will have to revise our course. We have screens with parts of videos, and then text and interactions following the video. If the timeline advances whether the video is playing or not playing, then our concept will not work, unless we can autoplay on the iPad.
More strangeness - I had placed a color box behind the video as a visual frame. No matter how long the timeline is extended beyond the length of the video, the color box vanishes after a while, despite being coded to "Show Until End". It's like the video keeps going beyond the apparent end time. Have not figured this out either.
Good morning Richard! :)
Quick question/suggestion here - are you required to use YouTube videos? If you could get permission from the owner of the videos, you might be able to avoid all of these issues by simply recording and placing the videos in the actually course, rather than having to link/embed them. Just a though - I'm not sure what the project requirements are, but if you could do this you would definitely have more control over the videos, their appearance and how/when they play.
Christine, I have a followup video question. Since we are using Web Object and not embed code, we are seeing the youtube "related" screen come up at the end of the videos. Do you know of any way to stop this related screen from showing using web object?
Hi there Richard. I hope you're doing well! :)
Afraid not - that's part of how the YouTube videos are created and displayed. We really don't have a way to control that.
Personally, I'm not crazy about it - that and the ads that come with some videos.
Wish I had some suggestions for you, but I'm afraid I don't know of anything that would stop those video suggestions/lists from showing up.
Thank you Christine - I figured this was the case but wanted a confirmation. Thank you for your time.
Anytime, Richard :)
Have a great weekend!
Any changes on this? I'm using a web object with a youtube link that includes a variety of parameters and cannot get videos to auto play. They auto play fine on desktop.
Hi Alexander!
This thread is a bit dated. Are you utilizing Storyline 1 as well?
You may find that videos set to automatically play don't actually autoplay when viewing HTML5 content in mobile Safari on an iPad or iPhone. This issue was fixed in Update 7. See this article for more information.
I am using Storyline 2 with the latest update, therefore it appears that this problem is still persisting.
Please try this link in a web object and try loading from an iPad.
www.youtube.com/embed/vt05KCk_CP8?autoplay=1&autohide=1&controls=0&modestbranding=1&rel=0&showinfo=0
Hi Alexander! I was able to see the behavior you are reporting in utilizing the link you shared here.
Viewing on an iPad in mobile Safari has some limitations that impact how multimedia appears and operates.
Media Playback Support is limited:
Here is some documented information about viewing on iPads.
This discussion is closed. You can start a new discussion or contact Articulate Support.