Chargement de la vidéo Youtube via i-frame dans android webview

je veux charger une vidéo youtube pour android webview à l'aide de je cadre

voici ma mise en page Xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@android:color/white"
android:id="@+id/mainLayout">

<WebView
    android:background="@android:color/white"
    android:id="@+id/webView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />
</RelativeLayout>

Mon Code est

public class WebTube extends Activity {

private WebView wv;

String html = "<iframe class=\"youtube-player\" style=\"border: 0; width: 100%; height: 95%; padding:0px; margin:0px\" id=\"ytplayer\" type=\"text/html\" src=\"http://www.youtube.com/embed/WBYnk3zR0os"
            + "?fs=0\" frameborder=\"0\">\n"
            + "</iframe>";

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);

    wv = (WebView)findViewById(R.id.webView); 
    wv.getSettings().setJavaScriptEnabled(true);
        wv.loadDataWithBaseURL("", html , "text/html",  "UTF-8", "");

     }
}

Aussi je fournir <uses-permission android:name="android.permission.INTERNET"/>

& android:hardwareAccelerated="true"

lorsque je l'exécute, je n'ai obtenu aucun résultat de son tout en affichant un écran noir

j'ai essayé cette .mais cela me fournir de la vidéo sur .3gp Quality . mais j'ai besoin des vidéos à partir de youtube de qualité et original . C'est pourquoi je suis à l'aide de iframe .quelqu'un peut-il m'aider?

J'ai essayer le code à l'aide <object></object> et <video></video> au lieu de iframe. mais elle ne résout pas mon problème.

lorsque j'exécute ce code sur émulateur il montre

Avant D'Appuyer Sur Le Bouton De Lecture

Chargement de la vidéo Youtube via i-frame dans android webview

Après avoir appuyé sur le bouton lecture de la vidéo

Chargement de la vidéo Youtube via i-frame dans android webview

je pense que nous ne pouvons pas diffuser des vidéos sur émulateur, car il est un périphérique virtuel

Mais lorsque je l'exécute sur le téléphone, il n'est même pas montrer ce résultat.

j'essaie, je cadre avec un document joindre à elle fonctionne très bien sur le téléphone ainsi que l'émulateur

String customHtml = "<iframe src='http://docs.google.com/viewer?url=http://www.iasted.org/conferences/formatting/presentations-tips.ppt&embedded=true' width='100%' height='100%' style='border: none;'></iframe>";

Merci donc de m'aider à charger les vidéos sur cette image. pouvez-vous me dire ce qui ne va pas dans mon code

(je l'exécute sur le téléphone) .Quelqu'un peut-il me dire quel est le problème?
sera également iframe travail sur Android 2.1?

n'a tout essayé Api Youtube ?

source d'informationauteur edwin

7

Comme indiqué dans le android Webview documentation,

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éeet définir un WebChromeClient.

Pour le plein écran de support, implémentations de onShowCustomView(Vue, WebChromeClient.CustomViewCallback) et onHideCustomView() sont obligatoires, getVideoLoadingProgressView() est facultatif.

J'en ai plein personnalisé ifram pour youtube vue

public class Act_VideoPlayer extends Activity {
WebView webView;
ProgressBar progressBar;
ImageView back_btn;
String video_url = "KK9bwTlAvgo", html = "";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.full_screen_youtube_video_screen);
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
back_btn = (ImageView) findViewById(R.id.full_videoview_btn);
back_btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
webView.loadData("", "text/html", "UTF-8");
finish();
}
});
webView = (WebView) findViewById(R.id.webView);
progressBar = (ProgressBar) findViewById(R.id.progressBar);
if (video_url.equalsIgnoreCase("")) {
finish();
return;
}
WebSettings ws = webView.getSettings();
ws.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
ws.setPluginState(WebSettings.PluginState.ON);
ws.setJavaScriptEnabled(true);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.reload();
if (networkUtil.isConnectingToInternet(Act_VideoPlayer.this)) {
html = getHTML(video_url);
} else {
html = "" + getResources().getString(R.string.The_internet_connection_appears_to_be_offline);
CustomToast.animRedTextMethod(Act_VideoPlayer.this, getResources().getString(R.string.The_internet_connection_appears_to_be_offline));
}
webView.loadData(html, "text/html", "UTF-8");
WebClientClass webViewClient = new WebClientClass(progressBar);
webView.setWebViewClient(webViewClient);
WebChromeClient webChromeClient = new WebChromeClient();
webView.setWebChromeClient(webChromeClient);
}
@Override
protected void onDestroy() {
super.onDestroy();
try {
webView.loadData("", "text/html", "UTF-8");
} catch (Exception e) {
e.printStackTrace();
}
}
@Override
public void onBackPressed() {
super.onBackPressed();
try {
webView.loadData("", "text/html", "UTF-8");
finish();
} catch (Exception e) {
e.printStackTrace();
}
}
public class WebClientClass extends WebViewClient {
ProgressBar ProgressBar = null;
WebClientClass(ProgressBar progressBar) {
ProgressBar = progressBar;
}
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
ProgressBar.setVisibility(View.VISIBLE);
}
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
ProgressBar.setVisibility(View.GONE);
}
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
LogShowHide.LogShowHideMethod("webview-click :", "" + url.toString());
view.loadUrl(getHTML(video_url));
return true;
}
}
public String getHTML(String videoId) {
String html = "<iframe class=\"youtube-player\" " + "style=\"border: 0; width: 100%; height: 96%;"
+ "padding:0px; margin:0px\" " + "id=\"ytplayer\" type=\"text/html\" "
+ "src=\"http://www.youtube.com/embed/" + videoId
+ "?&theme=dark&autohide=2&modestbranding=1&showinfo=0&autoplay=1\fs=0\" frameborder=\"0\" "
+ "allowfullscreen autobuffer " + "controls onclick=\"this.play()\">\n" + "</iframe>\n";
LogShowHide.LogShowHideMethod("video-id from html url= ", "" + html);
return html;
}
}

Cela a fonctionné pour moi:

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());

Essayer sa fonctionne bien..

    mWebView = (WebView) findViewById(R.id.web);
String  videoURL = "https://www.youtube.com/embed/R52bof3tvZs";
String vid = "<html><body style=\"margin: 0; padding: 0\"><iframe  width=\"100%\" height=\"100%\" src=\""+videoURL+"\" type=\"text/html\" frameborder=\"0\"></iframe><body><html>";
WebChromeClient mWebChromeClient = new WebChromeClient(){
public void onProgressChanged(WebView view, int newProgress) {
}
};
mWebView.getSettings().setPluginState(WebSettings.PluginState.ON);
mWebView.setWebChromeClient(mWebChromeClient);
mWebView.setWebViewClient(new WebViewClient() {
public void onPageFinished(WebView view, String url) {
mWebView.loadUrl("javascript:(function() { document.getElementsByTagName('video')[0].play(); })()");
}
});
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setAppCacheEnabled(true);
mWebView.setInitialScale(1);
mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setUseWideViewPort(true);
if (Build.VERSION.SDK_INT < 17) {
Log.i("GPSNETWORK", "<17");
} else {
Log.i("GPSNETWORK", Build.VERSION.SDK_INT+">=17");
mWebView.getSettings().setMediaPlaybackRequiresUserGesture(false);
}
String myUrl = "&lt;html&gt;&lt;body style='margin:0px;padding:0px;'&gt;\n" +
"        &lt;script type='text/javascript' src='http://www.youtube.com/iframe_api'&gt;&lt;/script&gt;&lt;script type='text/javascript'&gt;\n" +
"                var player;\n" +
"        function onYouTubeIframeAPIReady()\n" +
"        {player=new YT.Player('playerId',{events:{onReady:onPlayerReady}})}\n" +
"        function onPlayerReady(event){player.mute();player.setVolume(0);player.playVideo();}\n" +
"        &lt;/script&gt;\n" +
"        &lt;iframe id='playerId' type='text/html' width='1280' height='720'\n" +
"        src=\""+videoURL+"\"?enablejsapi=1&amp;rel=0&amp;playsinline=1&amp;autoplay=1&amp;showinfo=0&amp;autohide=1&amp;controls=0&amp;modestbranding=1' frameborder='0'&gt;\n" +
"        &lt;/body&gt;&lt;/html&gt;";
mWebView.loadData(""+Html.fromHtml(myUrl), "text/html", "UTF-8");

0

Je ne suis pas expert dans webview Android, mais j'ai rencontré des problèmes similaires avec la page web.

Ce que j'avais à faire était d'utiliser la balise et fait en sorte qu'il a onclick="this.play(); dans la balise. L'événement onclick était précisément pour Android. Chrome, Safari, Firefox n'en avais pas besoin.

Par exemple:
```
<video id="video" width="320" height="240" autobuffer controls onclick="this.play();">
```
Sans le onclick, Android browser ne fonctionne pas. Depuis webview est d'appeler le navigateur, je soupçonne que c'est la même chose.

Et assurez-vous que la source de la balise que vous n'utilisez PAS de codec attribut.

Espère que cela vous aide.
0

Ce n'est pas exactement une réponse directe à votre question, mais je crois que vous pourriez vouloir utiliser la nouvellement libérés Android Youtube API. Il devrait permettre l'ajout de la vidéo de youtube de la lecture dans vos applications, de sorte que vous n'avez pas à les injecter dans une webview dans un iFrame.. C'est tout simplement ridicule, et pas tous les appareils Android aura Flash installé 🙂

https://developers.google.com/youtube/android/player/
0

Vous pouvez visiter mon question de nouveau. Iv e créé une fonction qui vous donne toutes les vidéos youtube des liens directs (y compris l'ac liens). Maintenant, vous pouvez utiliser mp4 et ainsi, au lieu de la mauvaise 3gp.
0

À l'aide de WebChromeClient vous permet de gérer le Javascript boîtes de dialogue, les icônes, les titres, et le progrès:
```
wv = setWebChromeClient(new WebChromeClient());
```

Vous devez vous connecter pour publier un commentaire.