Html5-video auf webview fehlenden fullscreen-Taste auf lollipop

Ich entwickle eine android-app, spielt html5-videos auf einer webview, die ich getestet habe die videos auf firefox, chrome, opera und IE, und die video-Steuerelemente anzeigen der Vollbild-Taste, aber auf android lollipop webview-es gibt keinen Vollbild-button und daher auch keine Möglichkeit zum Abspielen von video-Vollbild.

Ich habe versucht, mehrere javascript-Ansätze zur Maximierung der video -, aber keiner war.
Ist das ein Fehler auf Chrom oder gibt es eine Möglichkeit die Schaltfläche aktivieren ?

PS: es scheint, dass ich nicht allein bin auf dieser https://code.google.com/p/chromium/issues/detail?id=470666

InformationsquelleAutor Pedro Lobito | 2015-04-08
  1. 9

    Android-docs, sagt

    müssen Sie eine WebChromeClient und umsetzen onShowCustomView(Anzeigen, WebChromeClient.CustomViewCallback) und onHideCustomView(). Wenn die Umsetzung von einer dieser beiden Methoden fehlt dann die web-Inhalte nicht gestattet werden, geben Sie den kompletten Bildschirm.

    Wenn Sie werfen Sie nur den code in dem Sie Ihre setup webview ist, wird die Schaltfläche angezeigt. Sie nicht haben, etwas zu tun mit dem code, Sie müssen nur umgesetzt oder anderes stock-android blendet die Schaltfläche.

    webView.setWebChromeClient(new WebChromeClient() {

        public void onShowCustomView (View view, WebChromeClient.CustomViewCallback callback) {
            //do stuff
        }

        public void onHideCustomView () {
            //do stuff
        }

    });
    • Für die Kompatibilität zwischen Geräten onShowCustomView und onHideCustomView umgesetzt werden müssen, in die top WebChromeClient Unterklasse, da einige Hersteller nicht durchqueren, es ist sublcasses. (hier ist die korrekte Quell-code zu aktivieren Vollbildmodus grepcode.com/file/repository.grepcode.com/java/ext/...)
    • link scheint kaputt zu sein?
    • Ich habe versucht dies (mit hls.js füllen Sie das video-element), da war ich zu sehen, die fullscreen-Taste deaktiviert/ausgegraut. Es in der Tat ermöglichen die Vollbild-Taste, aber beim Tippen auf das video einfach eingefroren und der Spieler wurde komplett nicht mehr reagiert. Ich selbst verziert, die oben mit "@Override" und nannte das super, aber kein Glück.
    • chromium.googlesource.com/chromium/src/android_webview/glue/+/... Blick auf doesSupportFullscreen Methode @WilliamT.Stockente
    InformationsquelleAutor Pinkerton
  2. 1

    Habe ich es geschafft mein problem zu lösen, indem erstellen eines link auf die html Seite unter dem video, die das Wort fullscreen,

    Link Beispiel:

    <a href="http://example.com/video.mp4?fullscreen">fullscreen</a>

    Dann das webview Methode shouldOverrideUrlLoading Überschreiben jede Url die das Wort fullscreen und leitet es an die Android-Video-Player.

    mWebView.setWebViewClient(new WebViewClient(){
    public boolean shouldOverrideUrlLoading(WebView wView, String url)
        {

                if (url.contains("fullscreen") ) {
                    Log.i("LOB", "FULLSCREEN " + url);

                 try {
                   url = url.replaceAll("(?im)fullscreen", "");
                     } catch (PatternSyntaxException ex) {
                     } catch (IllegalArgumentException ex) {
                     } catch (IndexOutOfBoundsException ex) {
                   }


                    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                    intent.setDataAndType(Uri.parse(url), "video/mp4");
                    startActivity(intent);

                       return true;
                   }

}
}

    Dies ist weit davon entfernt, eine elegante Lösung, aber obwohl Google nicht bieten ein Update für Lollipop, es macht den job.

    InformationsquelleAutor Pedro Lobito
  3. 1

    Hey, das ist eine alte Frage, aber hier meine aktuelle Lösung. Im mit Kotlin und AndroidX.
    Zunächst müssen Sie die zwei Ansichten, die in Ihrem "video-Aktivität layout', etwas wie diese:

       <?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">
<FrameLayout
        android:id="@+id/videoFrame"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:elevation="10dp" android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent">
</FrameLayout>
<WebView
        android:id="@+id/webview"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>

    Verwenden Sie videoFrame frame-layout für die Einstellung zusätzlichen fullscreen-Inhalte und natürlich eine webview für Ihre web-Inhalte.

    Verwenden Sie dann eine Methode zum laden einer url zu Ihrer webview:

    private fun initWebView(webUrl : String){
    val webView : WebView? = this.findViewById(R.id.webview)
    val videoFrame : FrameLayout? = this.findViewById(R.id.videoFrame)
    webView?.settings?.apply {
        mediaPlaybackRequiresUserGesture = true
        javaScriptEnabled = true //use this carefully
    }
    webView?.webChromeClient = object : WebChromeClient () {
        override fun onProgressChanged(view: WebView?, newProgress: Int) {
            Log.d(TAG, "WebChromeClient, onProgressChanged newProgress=$newProgress") }
        override fun onShowCustomView(fullScreenContent: View?, callback: CustomViewCallback?) {
            super.onShowCustomView(fullScreenContent, callback)
            Log.d(TAG, "onShowCustomView")
            fullScreenContent?.let {fullScreenView ->
                videoFrame?.removeAllViews()
                videoFrame?.visibility = View.VISIBLE
                videoFrame?.addView(fullScreenView)
            }
        }
        override fun onHideCustomView() {
            super.onHideCustomView()
            Log.d(TAG, "onShowCustomView")
            videoFrame?.visibility = View.GONE
            videoFrame?.removeAllViews()
        }

    }
    webView?.loadUrl(webUrl)
}

    Die Magie passiert, wenn Sie overrite onShowCustomView und onHideCustomView Methoden.
    Fügen Sie einfach fullScreenContent in videoFrame layout.

    Und das ist alles.
    Seine Arbeit (und getestet) auf Android 9.

    • Alte Fragen verdienen neue Antworten! danke.
    InformationsquelleAutor markomoreno
  4. 0

    Wenn HTML5-videos geteilt werden, die Benutzer haben, um ein iframe-Element. Aus Gründen der Sicherheit, der website, wo das video geteilt haben, um einen parameter zu ermöglichen Vollbild-videos.
    Es fehlt den allowfullscreen-parameter. Es sollte wie folgt sein:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/kVFBmPsugus" frameborder="0" allowfullscreen></iframe>
    InformationsquelleAutor Vấn Huỳnh
  5. -1

    versuchen Sie dies:

    WebSettings settings = mWebView.getSettings();
settings.setUseWideViewPort(true);
    InformationsquelleAutor sunwei
Schreibe einen Kommentar