web-dev-qa-db-ja.com

iOS 8 Embedded YouTube in HTML Webアプリが失敗する

YouTube iOS8メディアの読み込みの問題-Safariでメディアが正常に再生されますが、ホーム画面のWebクリップからアプリが読み込まれると、ビデオの再生に失敗します。

さらに、メディアがロードに失敗している間にリンクをタップしてページから移動すると、アプリがホーム画面に完全にクラッシュします。

これを示すリンクは次のとおりです(明らかにiDeviceで実行します)。最初はSafariブラウザで実行できますが、問題なく動作します。ホーム画面のアイコンとしてインストールすると、動画の再生に失敗し、下部のリンクをクリックするとアプリがクラッシュします。

http://nterspace.com/youtubeissue.html

アプリがSafariブラウザに読み込まれたときに機能するコードは次のとおりです。

<iframe width="100%" maxwidth="432" height="270" src="//www.youtube.com/embed/_j4KrMAygJI" frameborder="0" allowfullscreen></iframe>

誰もが何か考えを持っていますか?これは悪い埋め込みコードですか?

28
sneuf

本日、2015年4月9日。最後に、この問題は部分的に解決されました。バージョン8.3に更新した後、私のwebappはdailymotionおよびvimeoビデオで再び動作するようになりました。 YouTube動画がネイティブアプリケーションにリダイレクトされるようになりました。これは非常に迷惑です。

編集:

YouTube動画がネイティブアプリケーションにリダイレクトされていたため、次のようにYouTubeのURLを使用する必要がありました。

<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>

そのため、私のユーザーはWebアプリケーションを離れることなくビデオを見ることができます。

何らかの理由でnocookieオプションはリダイレクトされません。これが次のiOSバージョンで完全に修正されることを期待しましょう。

9
Daniel Lima

8.3ではまだ壊れていましたが、ページ(奇妙)に<input type="search">要素があったことが原因でした。動画を作成しました: https://www.youtube.com/watch?v=rrKxAIXnydE

2
Chris Coyier

私は同じ問題を抱えています!

これは、IOS8に固有の問題です。参照してください: https://discussions.Apple.com/thread/655844 うまくいけば、Appleでこの問題がすぐに修正されます。別の問題が発生して、[再生]ボタンを使用できません: YouTube埋め込みの再生ボタンはAndroid-chromeでは機能しません

更新:彼らは再生ボタンの問題を修正しました!

2
Rdg

iOS 8.3でバグが修正されました。 appcacheを含め、ホームスクリーンwebappから動画を再生できるようになりました。

ソース:

1
Vivo

これをiPadでIOS 8.1.3でテストしました-まだ壊れています。

sneufのiframeはサファリページで機能しますが、ホーム画面(Webクリップ)からロードした場合は機能しません。

0
El Bno