Видео YouTube не воспроизводится в WebView-Android
я привязываю воспроизведение видео YouTube в WebView, WebView показывает Первый вид видео с кнопкой воспроизведения, но после нажатия на кнопку воспроизведения запустите индикатор выполнения и через 2-3 секунды остановите индикатор выполнения и экран пустым черным цветом.
Image1: видео первый взгляд с кнопкой воспроизведения
Image2: после нажатия на кнопку воспроизведения экран гаснет.
пожалуйста! помогите мне, почему видео не запускается.
фото:1
фото:2
Это мой исходный код для воспроизведения 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