html视频没有在android webview中播放

前端之家收集整理的这篇文章主要介绍了html视频没有在android webview中播放前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 android webview,在这里我坚持使用视频.实际上我正在尝试播放资产文件夹中的视频,但它没有播放.
在这里,我已经完成了所有的链接解决方案,但没有什么对我有用 – 比如

[LINK1] [1]
https://code.google.com/p/html5webview/source/browse/trunk/HTML5WebView/src/org/itri/html5webview/TestHTML5WebView.java

[LINK2] [2]
http://www.mocoven.com/blog/?p=199

以下我附上代码

// Html5webview

package com.example.jbb_video_play;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.util.AttributeSet;
import android.util.Log;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.webkit.GeolocationPermissions;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.FrameLayout;

public class HTML5WebView extends WebView {

        private Context mContext;                                                
        private MyWebChromeClient mWebChromeClient;                                      
        private View mCustomView;                                                            
        private FrameLayout mCustomViewContainer;                                                   
        private WebChromeClient.CustomViewCallback mCustomViewCallback;

        private FrameLayout mContentView;                                                  
        private FrameLayout mBrowserFrameLayout;                                                     
        private FrameLayout mLayout;                                                    

    static final String LOGTAG = "HTML5WebView";

        @SuppressLint("NewApi")
        private void init(Context context) {
                mContext = context;            
                Activity a = (Activity) mContext;

                mLayout = new FrameLayout(context);

                mBrowserFrameLayout = (FrameLayout) LayoutInflater.from(a).inflate(R.layout.custom_screen,null);
                mContentView = (FrameLayout) mBrowserFrameLayout.findViewById(R.id.main_content);
                mCustomViewContainer = (FrameLayout) mBrowserFrameLayout.findViewById(R.id.fullscreen_custom_content);

                mLayout.addView(mBrowserFrameLayout,COVER_SCREEN_PARAMS);

                mWebChromeClient = new MyWebChromeClient();
            setWebChromeClient(mWebChromeClient);

            setWebViewClient(new MyWebViewClient());

            // Configure the webview
            WebSettings s = getSettings();
            s.setBuiltInZoomControls(true);
            s.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
            s.setUseWideViewPort(true);
            s.setAllowContentAccess(true);
            s.setAllowFileAccess(true);
            s.setAllowUniversalAccessFromFileURLs(true);
            s.setAllowFileAccessFromFileURLs(true);
            s.setMediaPlaybackRequiresUserGesture(true);
            s.setNeedInitialFocus(true);
            s.setSaveFormData(true);
            s.setUserAgentString(getUrl());
            s.setLoadsImagesAutomatically(true);
            s.setBlockNetworkLoads(false);
            s.setBlockNetworkImage(false);
            s.setDatabaseEnabled(true);
            s.setJavaScriptCanOpenWindowsAutomatically(true);
            s.setJavaScriptEnabled(true);
            s.setSupportMultipleWindows(true);
            s.setLoadWithOverviewmode(true);
            s.setSavePassword(true);
            s.setSaveFormData(true);
            s.setJavaScriptEnabled(true);

            // enable navigator.geolocation
            s.setGeolocationEnabled(true);
           // s.setGeolocationDatabasePath("/data/data/org.itri.html5webview/databases/");

            // enable Web Storage: localStorage,sessionStorage
            s.setDomStorageEnabled(true);

            mContentView.addView(this);
        }

        public HTML5WebView(Context context) {
                super(context);
                init(context);
        }

        public HTML5WebView(Context context,AttributeSet attrs) {
                super(context,attrs);
                init(context);
        }

        public HTML5WebView(Context context,AttributeSet attrs,int defStyle) {
                super(context,attrs,defStyle);
                init(context);
        }

        public FrameLayout getLayout() {
                return mLayout;
        }

    public boolean inCustomView() {
                return (mCustomView != null);
        }

    public void hideCustomView() {
                mWebChromeClient.onHideCustomView();
        }

    @Override
    public boolean onKeyDown(int keyCode,KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
                if ((mCustomView == null) && canGoBack()){
                        goBack();
                        return true;
                }
        }
        return super.onKeyDown(keyCode,event);
    }

    private class MyWebChromeClient extends WebChromeClient {
                private Bitmap          mDefaultVideoPoster;
                private View            mVideoProgressView;

        @Override
                public void onShowCustomView(View view,WebChromeClient.CustomViewCallback callback)
                {
                        //Log.i(LOGTAG,"here in on ShowCustomView");
                HTML5WebView.this.setVisibility(View.GONE);

                // if a view already exists then immediately terminate the new one
                if (mCustomView != null) {
                    callback.onCustomViewHidden();
                    return;
                }

                mCustomViewContainer.addView(view);
                mCustomView = view;
                mCustomViewCallback = callback;
                mCustomViewContainer.setVisibility(View.VISIBLE);
                }

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

                        HTML5WebView.this.setVisibility(View.VISIBLE);

                //Log.i(LOGTAG,"set it to webVew");
                }

                @Override
                public Bitmap getDefaultVideoPoster() {
                        //Log.i(LOGTAG,"here in on getDefaultVideoPoster");    
                        if (mDefaultVideoPoster == null) {
                                mDefaultVideoPoster = BitmapFactory.decodeResource(
                                                getResources(),R.drawable.ic_launcher);
                    }
                        return mDefaultVideoPoster;
                }

                @Override
                public View getVideoLoadingProgressView() {
                        //Log.i(LOGTAG,"here in on getVideoLoadingPregressView");

                if (mVideoProgressView == null) {
                    LayoutInflater inflater = LayoutInflater.from(mContext);
                    mVideoProgressView = inflater.inflate(R.layout.video_loading_progress,null);
                }
                return mVideoProgressView;
                }

         @Override
         public void onReceivedTitle(WebView view,String title) {
            ((Activity) mContext).setTitle(title);
         }

         @Override
         public void onProgressChanged(WebView view,int newProgress) {
                 ((Activity) mContext).getWindow().setFeatureInt(Window.FEATURE_PROGRESS,newProgress*100);
         }

         @Override
         public void onGeolocationPermissionsShowPrompt(String origin,GeolocationPermissions.Callback callback) {
             callback.invoke(origin,true,false);
         }
    }

        private class MyWebViewClient extends WebViewClient {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view,String url) {
                Log.i(LOGTAG,"shouldOverrideUrlLoading: "+url);
                // don't override URL so that stuff within iframe can work properly
                // view.loadUrl(url);
                return false;
            }
        }

        static final FrameLayout.LayoutParams COVER_SCREEN_PARAMS =
        new FrameLayout.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT);
}


//主要活动

public class MainActivity extends Activity {

    HTML5WebView mWebView;

   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       mWebView = new HTML5WebView(this);

       if (savedInstanceState != null) {
               mWebView.restoreState(savedInstanceState);
       } else {


           try
        {
        AssetManager m=this.getAssets();
        InputStream ios=    m.open("nasa.html");
        BufferedReader br=new BufferedReader(new InputStreamReader(ios));

        StringBuffer nb=new StringBuffer();
        String line="";

        while((line=br.readLine())!=null)
        {
            nb.append(line);
        }

        String final_data=nb.toString();

        //mWebView.loadDataWithBaseURL("file:///android_asset/",final_data,"text/html","utf-8",null);


              // mWebView.loadUrl("http://freebsd.csie.nctu.edu.tw/~freedom/html5/");
               mWebView.loadUrl("file:///android_asset/nasa.html");

        }
           catch (Exception e) {
            // TODO: handle exception
        }
       }
       setContentView(mWebView.getLayout());
   }




    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        mWebView.saveState(outState);
    }

    @Override
    public void onStop() {
        super.onStop();
        mWebView.stopLoading();
    }

    @Override
    public boolean onKeyDown(int keyCode,KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            if (mWebView.inCustomView()) {
                mWebView.hideCustomView();
                return true;
            }
        }
        return super.onKeyDown(keyCode,event);
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
         super.onConfigurationChanged(newConfig);
    }

}

//资产文件夹中的html文件

<!DOCTYPE html>
<head></head>

<body>
<video id="video" height="240" width="360" controls="controls" >
<source src="clipcanvas_14348_offline.mp4" type="video/mp4">
</video>

</body>

<footer>
</footer>

和视频链接

http://www.clipcanvas.com/a/video-clip-downloads/

请建议我任何可行的解决方案,谢谢

解决方法

当视频位于div中时,您应该在代码添加以下行:
webView.getSettings().setDomStorageEnabled(true);
    webView.getSettings().setAppCacheEnabled(true);
    webView.getSettings().setAppCachePath(getApplicationContext().getFilesDir().getAbsolutePath() + "/cache");
    webView.getSettings().setDatabaseEnabled(true);
    webView.getSettings().setDatabasePath(getApplicationContext().getFilesDir().getAbsolutePath() + "/databases");

猜你在找的HTML相关文章