YouTube Vidéo ne joue pas dans WebView

Semble comme double de jeu vidéo de youtube dans WebView et YouTube Vidéo ne joue pas dans WebView Android

Pour le faire fonctionner via WebView, j'ai utilisé les deux étapes suivantes (version 4.2.2/Nexus 4):

1. Sur shouldOverrideUrlLoading j'ai ajouté webview.setWebChromeClient(new WebChromeClient());

2. Dans AndroidManifest.xml pour activity tag j'ai ajouté android:hardwareAccelerated="true"

AndroidManifest.xml devrait également contenir des autorisations Internet.

Tandis que les étapes exactes avec la lecture de vidéo via WebView peut être spécifique à l'appareil et la version Android, il y a aussi d'autres alternatives à la WebView, comme VideoView ou à l'aide de Youtube Android Player API.

EDIT1

Que pour mettre en pause et en plein écran, c'est en fait une deuxième lien que j'ai mentionné au début. Pour le rendre plus facile, je vous poste le code qui a travaillé sur mon Nexus.

1. Dans activity_main.xml

   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:paddingBottom="@dimen/activity_vertical_margin"
       android:paddingLeft="@dimen/activity_horizontal_margin"
       android:paddingRight="@dimen/activity_horizontal_margin"
       android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
   
   <FrameLayout
             android:id="@+id/fullscreen_custom_content"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:background="#FF000000"/>
   
   <LinearLayout 
             android:id="@+id/linearlayout"
             android:layout_width="fill_parent" 
             android:layout_height="fill_parent"> 
   
        <WebView
              android:id="@+id/webView"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent" />
   
   </LinearLayout>
   </RelativeLayout>

2. En classe MainActivity:

   public class MainActivity extends Activity {
   private WebView mWebView;  
   private LinearLayout mContentView;
   private FrameLayout mCustomViewContainer;
   private WebChromeClient.CustomViewCallback mCustomViewCallback;
   FrameLayout.LayoutParams COVER_SCREEN_GRAVITY_CENTER = new FrameLayout.LayoutParams(
   ViewGroup.LayoutParams.WRAP_CONTENT,
   ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.CENTER);
   @Override
   protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
   mContentView = (LinearLayout) findViewById(R.id.linearlayout);
   mWebView = (WebView) findViewById(R.id.webView);
   mCustomViewContainer = (FrameLayout) findViewById(R.id.fullscreen_custom_content);
   WebSettings webSettings = mWebView.getSettings();
   webSettings.setPluginState(WebSettings.PluginState.ON);
   webSettings.setJavaScriptEnabled(true);
   webSettings.setUseWideViewPort(true);
   webSettings.setLoadWithOverviewMode(true);
   mWebView.loadUrl("http://www.google.com");
   mWebView.setWebViewClient(new HelloWebViewClient());
   }
   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
   //Inflate the menu; this adds items to the action bar if it is present.
   getMenuInflater().inflate(R.menu.main, menu);
   return true;
   }
   private class HelloWebViewClient extends WebViewClient  {
   @Override
   public boolean shouldOverrideUrlLoading(WebView webview, String url)
   {
   webview.setWebChromeClient(new WebChromeClient() {
   private View mCustomView;
   @Override
   public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)
   {
   //if a view already exists then immediately terminate the new one
   if (mCustomView != null)
   {
   callback.onCustomViewHidden();
   return;
   }
   //Add the custom view to its container.
   mCustomViewContainer.addView(view, COVER_SCREEN_GRAVITY_CENTER);
   mCustomView = view;
   mCustomViewCallback = callback;
   //hide main browser view
   mContentView.setVisibility(View.GONE);
   //Finally show the custom view container.
   mCustomViewContainer.setVisibility(View.VISIBLE);
   mCustomViewContainer.bringToFront();
   }
   }); 
   webview.loadUrl(url);
   return true;
   }
   }
   @Override
   public boolean onKeyDown(int keyCode, KeyEvent event)
   {
   if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack())
   {
   mWebView.goBack();
   return true;
   }
   return super.onKeyDown(keyCode, event);
   } 
   }

EDIT2 - ajout de bouton précédent

public class MainActivity extends Activity {
private WebView mWebView;  
private LinearLayout mContentView;
private FrameLayout mCustomViewContainer;
private View mCustomView;
private WebChromeClient.CustomViewCallback mCustomViewCallback;
FrameLayout.LayoutParams COVER_SCREEN_GRAVITY_CENTER = new FrameLayout.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.CENTER);
private WebChromeClient mWebChromeClient;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContentView = (LinearLayout) findViewById(R.id.linearlayout);
mWebView = (WebView) findViewById(R.id.webView);
mCustomViewContainer = (FrameLayout) findViewById(R.id.fullscreen_custom_content);
mWebChromeClient = new WebChromeClient() {
@Override
public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)
{
//if a view already exists then immediately terminate the new one
if (mCustomView != null)
{
callback.onCustomViewHidden();
return;
}
//Add the custom view to its container.
mCustomViewContainer.addView(view, COVER_SCREEN_GRAVITY_CENTER);
mCustomView = view;
mCustomViewCallback = callback;
//hide main browser view
mContentView.setVisibility(View.GONE);
//Finally show the custom view container.
mCustomViewContainer.setVisibility(View.VISIBLE);
mCustomViewContainer.bringToFront();
}
@Override
public void onHideCustomView()
{
if (mCustomView == null)
return;
//Hide the custom view.
mCustomView.setVisibility(View.GONE);
//Remove the custom view from its container.
mCustomViewContainer.removeView(mCustomView);
mCustomView = null;
mCustomViewContainer.setVisibility(View.GONE);
mCustomViewCallback.onCustomViewHidden();
//Show the content view.
mContentView.setVisibility(View.VISIBLE);
} 
};
WebSettings webSettings = mWebView.getSettings();
webSettings.setPluginState(WebSettings.PluginState.ON);
webSettings.setJavaScriptEnabled(true);
webSettings.setUseWideViewPort(true);
webSettings.setLoadWithOverviewMode(true);
mWebView.loadUrl("http://www.google.com");
mWebView.setWebViewClient(new HelloWebViewClient());
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
//Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
private class HelloWebViewClient extends WebViewClient  {
@Override
public boolean shouldOverrideUrlLoading(WebView webview, String url)
{
webview.setWebChromeClient(mWebChromeClient);   
webview.loadUrl(url);
return true;
}
}
@Override
protected void onStop() {
super.onStop();
if (mCustomView != null)
{
if (mCustomViewCallback != null)
mCustomViewCallback.onCustomViewHidden();
mCustomView = null;
}
}
@Override
public void onBackPressed() {
super.onBackPressed();
if (mCustomView != null)
{
mWebChromeClient.onHideCustomView();
} else
{
finish();
}
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event)
{
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack())
{
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}   
}

OriginalL'auteur Alex P