首页 > 解决方案 > 如何在 Android WebView 中动态加载默认 HTML5 视频缩略图?

问题描述

我最近才第一次开始使用 Android Studio 来开发一个移动应用程序,它可以简单地加载我的网站并显示它。我添加了一个带有 WebSettings 的 WebView,它可以启用 JavaScript,并且它可以工作!但是,不会显示视频缩略图。而是使用丑陋的灰色占位符播放按钮图像。如何使视频缩略图像在桌面设备甚至移动浏览器上一样加载(因为它们也在那里显示)?

我不完全确定是否在这个问题中包含代码,但无论如何我都会分享:P

这是 MainActivity.java 文件的相关片段:

import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
 
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.webView);
        webView.setWebViewClient(new WebViewClient());
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setLoadWithOverviewMode(true);
        webSettings.setUseWideViewPort(true);
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowContentAccess(true);
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
        webSettings.setDomStorageEnabled(true);
        webView.loadUrl("https://example.com"); //My domain
}
}

所以基本上,要么是preload="metadata"我的网站代码中的某些属性或 CSS 属性与 Android WebView 的视频缩略图自动生成混淆,要么是因为我对整个 Android 应用程序开发非常陌生。我愿意赌后者。

另外作为一个附带问题,我是否应该将缩略图存储在我的服务器上,而不是让每个人的浏览器每次都加载每个视频的第一帧?

提前致谢 :)

标签: android-studiowebviewhtml5-video

解决方案


推荐阅读