iOS 8 Embedded YouTube in HTML web app fails

Question

YouTube iOS8 Media Load Issue - Media plays successfully while in Safari, but when the app is loaded from a Home Screen web clip, playing the video fails.

Moreover,

Answer 1

Today, April 09, 2015. Finally , this issue is partially resolved. After updating to version 8.3 my webapps returned to work again for the dailymotion and vimeo videos. Youtube videos are now redirecting to the native application, which is very annoying.

EDIT:

As the youtube videos was redirecting to the native application , I had to use the youtube url as follows:

<iframe width="100%" height="300" src="https://www.youtube-nocookie.com/embed/hdjL8WXjlGI?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

So my users can watch the video without having to leave the webapp.

For some reason the nocookie option does not redirect. Let's hope that this will be completely fixed in the next iOS version.

Answer 2

iOS 8.3 fixes the bug. Videos are now playable from homescreen webapp, including from appcache.

source:

Answer 3

Just tested this on iPad with IOS 8.1.3 - still broken.

sneuf's iframe works for safari pages but not when loaded from home screen (web clip).

Answer 4

I am having the same issues!

This is an issue particular to IOS8. Please see: https://discussions.apple.com/thread/6558443 Hopefully Apple will fix this issue soon. Another issue arising is unable to use Play button: The Play button on a youtube embed does not work on android-chrome

UPDATE: They have fixed the PLAY button ISSUE!

Answer 5

It was still broken on 8.3 for me, but it turned out it was because there was an <input type="search"> element on the page (bizarre). Made a video: https://www.youtube.com/watch?v=rrKxAIXnydE