Видео YouTube не воспроизводится в WebView-Android

я привязываю воспроизведение видео YouTube в WebView, WebView показывает Первый вид видео с кнопкой воспроизведения, но после нажатия на кнопку воспроизведения запустите индикатор выполнения и через 2-3 секунды остановите индикатор выполнения и экран пустым черным цветом.

Image1: видео первый взгляд с кнопкой воспроизведения

Image2: после нажатия на кнопку воспроизведения экран гаснет.

пожалуйста! помогите мне, почему видео не запускается.

фото:1 This is first look of web view

фото:2 enter image description here

Это мой исходный код для воспроизведения YouTubeVideo в webview.. Пожалуйста, помогите мне ...

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    WebView wv = (WebView) findViewById(R.id.webView1);
    wv.getSettings().setJavaScriptEnabled(true);
    wv.getSettings().setPluginsEnabled(true);
    final String mimeType = "text/html";
    final String encoding = "UTF-8";
    String html = getHTML();
    wv.loadDataWithBaseURL("", html, mimeType, encoding, "");
}

public String getHTML() {
    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/"
            + "J2fB5XWj6IE"
            + "?fs=0" frameborder="0">n"
            + "</iframe>n";
    return html;
}

7 ответов


добавьте эти строки перед загрузкой содержимого HTML в WebView.

wv.setWebChromeClient(new WebChromeClient() {
});

из документации:

для поддержки встроенного видео HTML5 в вашем приложении вам необходимо включить аппаратное ускорение,и установите WebChromeClient. Для полноэкранной поддержки, реализации onShowCustomView (View, WebChromeClient.CustomViewCallback) и onHideCustomView() требуются, getVideoLoadingProgressView () является необязательный.


следующий код необходим, чтобы показать видеоплеер, который запускается платформой web core. Ключ ко всему потоку заключается в том, что VideoView передается обратно в WebChromeClient, и вам нужно прикрепить это представление к иерархии представлений.

я собрал его, просмотрев исходный код браузера, доступный как часть AOSP.

этот код ссылается на 4 представления, которые могут быть неочевидными. Иерархия представлений есть:

  • FrameLayout mContentView (root)
  • WebView mWebView (дочерний элемент mContentView)
  • FrameLAyout mCustomViewContainer (дочерний элемент mContentView)
  • View mCustomView (дитя mCustomViewContainer)

представления настраиваются как часть настройки активности контейнера.

<FrameLayout
    android:id="@+id/fullscreen_custom_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FF000000"/>

    <FrameLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >

        <WebView
            android:id="@+id/webView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
    </FrameLayout>
</FrameLayout>

в деятельности onCreate:

    mContentView = (FrameLayout) findViewById(R.id.main_content);
    mWebView = (WebView) findViewById(R.id.webView);
    mCustomViewContainer = (FrameLayout) findViewById(R.id.fullscreen_custom_content);

зарегистрировать WebChromeClient С mWebView. Этот клиент должен переопределить следующие 2-4 методы:

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

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

public Bitmap getDefaultVideoPoster()
{
    if (mDefaultVideoPoster == null)
    {
        mDefaultVideoPoster = BitmapFactory.decodeResource(getResources(), R.drawable.default_video_poster);
    }
    return mDefaultVideoPoster;
}

public View getVideoLoadingProgressView()
{
    if (mVideoProgressView == null)
    {
        LayoutInflater inflater = LayoutInflater.from(this);
        mVideoProgressView = inflater.inflate(R.layout.video_loading_progress, null);
    }
    return mVideoProgressView;
}

вы также можете добавить привязки жизненного цикла активности, такие как:

@Override
protected void onStop()
{
    super.onStop();
    if (mCustomView != null)
    {
        if (mCustomViewCallback != null)
            mCustomViewCallback.onCustomViewHidden();
        mCustomView = null;
    }
}

@Override
public void onBackPressed()
{
    if (mCustomView != null)
    {
        onHideCustomView();
    } else
    {
        finish();
    }
}

к вашей деятельности, чтобы сделать видео скрыть, когда деятельность остановлена или кнопка Назад нажата.


добавить webview.setWebChromeClient(new WebChromeClient()); и включить плагины для вашего видео добавить

if (Build.VERSION.SDK_INT < 8) {
            webview.getSettings().setPluginsEnabled(true);
        } else {
            webview.getSettings().setPluginState(PluginState.ON);
        }

благодарим вас


есть некоторые проблемы с видео youtbe, транслируемых на мобильных устройствах. Если вы напрямую попытаетесь загрузить URL-адрес в веб-представлении и запустить его, видео не будет воспроизводиться. Одним из сложных способов решения этой проблемы является потоковая передача видео в режиме просмотра видео. Я не пробовал этого, но это можно сделать.
другой способ воспроизведения видео youtube, я назову это более простым способом-изменить пользовательский агент в настройках веб-просмотра с мобильного устройства на рабочий стол. User agent указывает тип устройства, на котором будет работать видео youtube, и, соответственно, такая веб-страница отправляется сервером. Таким образом, видео youtube можно транслировать и воспроизводить. Вот как вы можете это сделать:

public static final int USER_MOBILE  = 0;
public static final int USER_DESKTOP = 1;
wv.getSettings().setUserAgent(USER_DESKTOP);   // 1 is for the desktop

Я скопировал код askers, и он сработал для меня.... я думаю, что вам нужно установить flash payer.. Ди У?? и вы добавили разрешение на интернет???

кстати, мой код здесь...

package com.example.youtube;



import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ProgressBar;
import android.widget.Toast;
import android.util.Log;
import android.view.Menu;
import android.view.Window;
import android.view.WindowManager;
import android.webkit.DownloadListener;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebChromeClient;
import android.webkit.WebViewClient;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.AbsoluteLayout;

import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.IntentFilter;
import android.os.AsyncTask;
import android.util.Log;
import android.widget.TextView;


import android.location.Location;
import android.location.LocationListener;
import android.location.LocationManager;
public class MainActivity extends Activity{


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

        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        getWindow().requestFeature(Window.FEATURE_PROGRESS);




            setContentView(R.layout.activity_main);


final ProgressBar Pbar;

Pbar = (ProgressBar) findViewById(R.id.pB4);
WebView wv = (WebView) findViewById(R.id.webVie1);
//wv.setWebViewClient(new Callback());
WebSettings webSettings = wv.getSettings();
webSettings.setBuiltInZoomControls(true);
webSettings.setJavaScriptEnabled(true);
//wv.setBackgroundColor(0x919191);
final String mimeType = "text/html";
final String encoding = "UTF-8";
String html = getHTML();
wv.loadDataWithBaseURL("", html, mimeType, encoding, "");




final Activity activity = this;

wv.setWebChromeClient(new WebChromeClient() {
       public void onProgressChanged(WebView view, int progress) {
         // Activities and WebViews measure progress with different scales.
         // The progress meter will automatically disappear when we reach 100%

         activity.setProgress(progress * 100);
         {
             if(progress < 100 && Pbar.getVisibility() == ProgressBar.GONE){
                 Pbar.setVisibility(ProgressBar.VISIBLE);

             }
             Pbar.setProgress(progress);
             if(progress == 100) {
                 Pbar.setVisibility(ProgressBar.GONE);

             }
          }
       }
     });
     wv.setWebViewClient(new WebViewClient() {
       public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
         Toast.makeText(activity, "Oh no! " + description, Toast.LENGTH_LONG).show();
       }
     });
     wv.setDownloadListener(new DownloadListener()
     {

        public void onDownloadStart(String url, String userAgent,String contentDisposition, String mimetype,long contentLength)
         {
             Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));

             startActivity(intent);   
         }


     });







}

    private String getHTML() {
        // TODO Auto-generated method stub
        String html1 = "<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/"
                + "J2fB5XWj6IE"
                + "?fs=0\" frameborder=\"0\">\n"
                + "</iframe>\n";
        return html1;
    }


  /*  public void onPause()
    {
        super.onPause();
        System.exit(0);
    }*/




}

шаблон

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

<LinearLayout
    android:id="@+id/page_buttons"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="horizontal" >


</LinearLayout>

<WebView
    android:id="@+id/webVie1"
    android:layout_width="316dp"
    android:layout_height="392dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentTop="true"
    android:layout_weight="0.99" />

<ProgressBar
    android:id="@+id/pB4"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"/> />
</LinearLayout>

почему вы хотите воспроизводить видео в webview? Вы можете играть в нее, используя этот intent

startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(stringUrl)));

в противном случае, если вы хотите воспроизвести его в webView, перейдите по этой ссылке

http://www.stackoverflow.com/questions/9565533/android-how-to-play-youtube-video-in-webview?rq=1


попробуй этот

startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(stringUrl)));