Встроенные видео YouTube в автономное приложение HTML5 iOS 8.3, открывающее приложение YouTube

Apple недавно исправила ошибку в iOS 8, из-за которой видео YouTube не воспроизводилось в веб-приложении (Почему видео HTML5 не воспроизводится в веб-приложении IOS 8 (веб-просмотр)?). Эта ошибка была исправлена ​​в iOS 8.3, но я столкнулся с другой проблемой. Когда видео YouTube встроено в страницу, оно будет открыто в приложении YouTube, если оно установлено на iPad.

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
    body {
        margin:0;
    }
</style>
</head>
<body>
    <iframe width="700" height="394" src="//www.youtube.com/embed/xspoREpBOhY?rel=0" frameborder="0" allowfullscreen></iframe>
</body>
</html>

Если я нормально открываю страницу в Safari, то она работает правильно. Видео не воспроизводится автоматически и воспроизводится в браузере, когда пользователь прикасается к нему. Если я удалю приложение YouTube, веб-приложение также будет работать должным образом.

Если приложение YouTube установлено, пользователь удаляется из веб-приложения и помещается в приложение YouTube. Это происходит, если на открываемой странице есть видео. Видео не должно быть выбрано автоматически, или у пользователя нет возможности воспроизвести видео. Они автоматически удаляются из WebApp по умолчанию.

Есть ли способ предотвратить это, не удаляя приложение YouTube с iPad?


javascript html ipad html5-video ios8.3
person Tom    schedule 22.04.2015    source источник

Ответы (1)


arrow_upward
11
arrow_downward

Мне прислали этот ответ из сообществ поддержки Apple. Все, что мне нужно было сделать, это добавить «-nocookie» после youtube в src iframe.

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
   body {
    margin:0;
   }
</style>
</head>
<body>
    <iframe width="700" height="394" src="//www.youtube-nocookie.com/embed/xspoREpBOhY?rel=0" frameborder="0" allowfullscreen></iframe>
</body>
</html>

Это сработало для меня в моем тестовом приложении.

person Tom    schedule 28.04.2015
comment
Это исправило это и для меня. Я немного обеспокоен тем, что YouTube перестанет поддерживать youtube-nocookie.com, так как он больше нигде не упоминается в документах. - person Voodoo; 12.07.2016