Android webview ne peut pas rendre des vidéo sur youtube embedded via iframe

C'est sur le chargement des vidéos youtube en utilisant les dernières incorporé format (iframe) à l'intérieur d'une webview.

Exemple de l'iframe incorporer format

<iframe width="637" height="358" src="http://www.youtube.com/embed/olC42gO-Ln4?fs=1&amp;feature=oembed" frameborder="0" allowfullscreen=""></iframe>

Tester le code sur Android 2.3.3 & 3.2 appareils (HTC Desire & Asus transformer), la webview ne ferait que montrer un rectangle noir.

J'ai essayé une semblable incorporer à partir de vimeo

<iframe src="http://player.vimeo.com/video/35693267" width="640" height="360" frameborder="0"></iframe>

En 2.3, la vidéo est joué correctement
3.2, un rectangle noir flashé et a disparu, l'iframe de la zone est vide.

Enfin si l'ancien incorporer format (à l'aide de la balise object) est utilisé, la vidéo s'affiche correctement à l'intérieur de la webview dans les deux 2.3.3 & 3.2.

J'ai vérifié questions connexes et ajouté

android:hardwareAccelerated="true"

dans l'application et/ou l'activité de la balise, mais pas encore de vidéo dans les deux 2.3 & 3.2 appareils.

C'est un gros problème car plus de sites web sont maintenant en utilisant le nouveau format (iframe) l'intégration de leurs vidéos sur youtube. Android/Youtube de l'Équipe, veuillez jeter un oeil à ce problème.

Vous devriez cette réponse: stackoverflow.com/a/24592012/2371425 comme il résout le problème.

OriginalL'auteur littlestove | 2012-01-27

11

Android navigateurs sont totalement buggé ce qui vient à la lecture de la vidéo et de l'intégration. Il ne fonctionne tout simplement pas à travers les dispositifs. En essayant de le faire fonctionner est juste une perte de votre temps. Ma suggestion est que vous n'essayez pas d'inclure <iframe> mais simplement de fournir une miniature de la vidéo qui relie directement à la page YouTube ou h264 fichier.

Discussion précédente, avec une possible solution.

Google Reader-esque de l'optimisation des WebViews sur Android

Vous êtes de droite. De plus, je trouve que l'application serait tout gâcher si vous faites pivoter l'appareil lors de la lecture de la vidéo. J'ai fini par utiliser la vignette & lien solution proposée.
Comment déterminez-vous ce qu'est ce lien youtube ou vimeo h264 fichier?
Découvrez ma réponse ci-dessous. Ma réponse résout le problème et il est vraiment simple.
Merci pour le heads up. La question d'origine était il y a trois ans, donc, heureusement, Android a disparu depuis lors.

OriginalL'auteur Mikko Ohtamaa

Si vous voulez lire des vidéos au sein de votre WebView vous avez BESOIN pour charger les données avec une URL de base!

NE ce faire:

mContentWebView.loadDataWithBaseURL(null, webViewContentString,
            "text/html", "UTF-8", null);

FAIRE CELA À LA PLACE:

    //veryVeryVery important for playing the videos!
    mContentWebView.loadDataWithBaseURL(theBaseUrl, webViewConentString,
            "text/html", "UTF-8", null);

L'URL de Base sera quelque chose comme "l'original" url de ce que vous affichez dans votre WebView. Donc, disons que vous faites un lecteur de news, le WebView's la base de l'url est l'url de l'histoire originale.

Bonne Chance!

Aussi n'oubliez pas de configurer votre WebView...Comme si...

    mContentWebView.setWebChromeClient(new WebChromeClient());
    mContentWebView.getSettings().setPluginState(WebSettings.PluginState.ON);
    mContentWebView.getSettings().setPluginState(WebSettings.PluginState.ON_DEMAND);
    mContentWebView.setWebViewClient(new WebViewClient());
    mContentWebView.getSettings().setJavaScriptEnabled(true);

Vous devez accélération matérielle est activée dans le Manifeste (seulement disponible sur le SDK 14 et ci-dessus).

Ex. L'Accélération Matérielle Sur:

<application
    android:name="com.example.app"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme"
    android:hardwareAccelerated="true">
<!-- hardwareAccelerated requires SDK 14 -->
...
</application>

en évitant loadDataWithBaseURL(...) avec des valeurs null url de base a fonctionné pour moi. Merci!
M'a fallu des jours pour comprendre cela! Je pensais que ça ne marcherait jamais!!
Ça marche!!!! (compileSDK=26, min=16, target=26)

OriginalL'auteur Sakiboy

3

Support de Vidéo HTML5

Afin de soutenir inline HTML5 vidéo dans votre application, vous devez avoir accélération matérielle est activée, et définir un WebChromeClient.

http://developer.android.com/reference/android/webkit/WebView.html

(Espérons qu'il aidera à quelqu'un)

OriginalL'auteur parser_failed
0

Je vous recommande d'utiliser un peu de code pour détecter l'environnement de l'utilisateur... utiliser le code iframe uniquement pour les appareils ios (iphone, ipod, ipad) et utiliser l'ancien code pour tout le monde.

OriginalL'auteur Rebecca

Ce Code fait exactement correspondre à différentes appareil

webView.setInitialScale(1);
    webView.setWebChromeClient(new WebChromeClient());

    webView.getSettings().setAllowFileAccess(true);
    webView.getSettings().setPluginState(WebSettings.PluginState.ON);
    webView.getSettings().setPluginState(WebSettings.PluginState.ON_DEMAND);
    webView.setWebViewClient(new WebViewClient());
    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.getSettings().setUseWideViewPort(true);
    DisplayMetrics displaymetrics = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
    int height = displaymetrics.heightPixels;
    int width = displaymetrics.widthPixels;

    Log.e(SimpleBillsConstants.SIMPLE_BILLS, width + "-" + height);

    String data_html = "<!DOCTYPE html><html> <head> <meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"target-densitydpi=high-dpi\" /> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> <link rel=\"stylesheet\" media=\"screen and (-webkit-device-pixel-ratio:1.5)\" href=\"hdpi.css\" /></head> <body style=\"background:black;margin:0 0 0 0; padding:0 0 0 0;\"> <iframe style=\"background:black;\" width=' "+width+"' height='"+height+"' src=\""+ VIDEO_URL+"\" frameborder=\"0\"></iframe> </body> </html> ";



    webView.loadDataWithBaseURL("http://vimeo.com", data_html, "text/html", "UTF-8", null);

OriginalL'auteur Vinayagam.D

Cela a fonctionné pour moi - le code ouvre youtube site et peut jouer de ses vidéos à l'intérieur de WebView:

mWebView = (WebView) findViewById(R.id.webview);     

WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);


String frameVideo = "<html><body>Youtube video .. <br> <iframe width=\"320\" height=\"315\" src=\"https://www.youtube.com/\" frameborder=\"0\" allowfullscreen></iframe></body></html>";

mWebView.loadData(frameVideo, "text/html", "utf-8");

mWebView.loadUrl("http://www.youtube.com/");

mWebView.setWebViewClient(new WebViewClient());

OriginalL'auteur user2924714

Vous devez vous connecter pour publier un commentaire.