怎么在webview中正常播放html的视频

2016-02-01 04:17:54 193 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

非常好用的 HTML5 视频播放插件 MuiPlayer 是一款 HTML5 视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。播放器的设计兼容了在 PC、Mobile 端运行，提供了 “移动端” 以及 “PC端” 两类扩展插件，因此你也可应用于在 Android、Ios 的 Webview 中使用。阅读详情

红框内为html的视频在小屏手机里webview只显示了一般的htnl文件我现在是想让html的视频能够点击全屏播放
在网上查的例子添加的代码但是不显示



 private View xCustomView;

    @ViewInject(R.id.video_view)

    private FrameLayout videoview;// 全屏时视频加载view

 @ViewInject(R.id.study_details_video)

    WebView study_details_video;

    private WebChromeClient.CustomViewCallback xCustomViewCallback;



private void palyVideo(String zipPath) {

        finshBtn.setVisibility(View.INVISIBLE);

        againBtn.setVisibility(View.INVISIBLE);

        i = Integer.parseInt(learningCoursewareDetailsBeanList.get(0).getLearningTime());

        handler.postDelayed(runnable, time);

        study_details_video.getSettings().setJavaScriptEnabled(true);

        study_details_video.getSettings().setPluginState(WebSettings.PluginState.ON);

        study_details_video.getSettings().setPluginsEnabled(true);//可以使用插件

        study_details_video.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

        study_details_video.getSettings().setAllowFileAccess(true);

        study_details_video.getSettings().setBuiltInZoomControls(true);// 隐藏缩放按钮

        study_details_video.getSettings().setDefaultTextEncodingName("UTF-8");

        study_details_video.getSettings().setUseWideViewPort(true);// 可任意比例缩放

        study_details_video.getSettings().setLoadWithOverviewMode(true);

        study_details_video.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);// 排版适应屏幕

        study_details_video.setWebViewClient(new xWebViewClientent());

        study_details_video.setWebChromeClient(new DefaultWebChromeClient());

        study_details_video.loadUrl(zipPath);

    }



    private class DefaultWebChromeClient extends WebChromeClient {

        private Bitmap xdefaltvideo;

        private View xprogressvideo;



        @Override//开启全屏

        public void onShowCustomView(View view, CustomViewCallback callback) {

            super.onShowCustomView(view, callback);

            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);

            study_details_video.setVisibility(View.GONE);

            //如果一个视图已经存在，那么立刻终止并新建一个

            if (xCustomView != null) {

                callback.onCustomViewHidden();

                return;

            }

            videoview.addView(view);

            xCustomView = view;

            xCustomViewCallback = callback;

            videoview.setVisibility(View.VISIBLE);

        }



        @Override//视频播放退出全屏会被调用的

        public void onHideCustomView() {

            super.onHideCustomView();

            if (xCustomView == null)//不是全屏播放状态

                return;

            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);

            xCustomView.setVisibility(View.GONE);

            videoview.removeView(xCustomView);

            xCustomView = null;

            videoview.setVisibility(View.GONE);

            xCustomViewCallback.onCustomViewHidden();

            study_details_video.setVisibility(View.VISIBLE);

        }



        @Override//视频加载添加默认图标

        public Bitmap getDefaultVideoPoster() {

            if (xdefaltvideo == null) {

                xdefaltvideo = BitmapFactory.decodeResource(

                        getResources(), R.drawable.videoicon);

            }

            return xdefaltvideo;

        }



        //视频加载时进程loading

        @Override

        public View getVideoLoadingProgressView() {

            if (xprogressvideo == null) {

                LayoutInflater inflater = LayoutInflater.from(StudyDetailsActivity.this);

                xprogressvideo = inflater.inflate(R.layout.video_loading_progress, null);

            }

            return xprogressvideo;

        }



    }



    @Override

    public boolean onKeyDown(int keyCode, KeyEvent event) {

        if (keyCode == KeyEvent.KEYCODE_BACK) {

            if (inCustomView()) {

                hideCustomView();

                return true;

            } else {

                study_details_video.loadUrl("about:blank");

                StudyDetailsActivity.this.finish();

            }

        }

        return true;

    }



    /**

     * 判断是否是全屏

     *

     * @return

     */

    public boolean inCustomView() {

        return (xCustomView != null);

    }



    /**

     * 全屏时按返加键执行退出全屏方法

     */

    public void hideCustomView() {

        new DefaultWebChromeClient().onHideCustomView();

    }



    /**

     * 处理各种通知、请求等事件

     *

     * @author

     */

    public class xWebViewClientent extends WebViewClient {



        @Override

        public boolean shouldOverrideUrlLoading(WebView view, String url) {

            Log.e("webviewtest", "shouldOverrideUrlLoading: " + url);

            view.loadUrl(url);

            return true;

        }



        @Override

        public void onPageStarted(WebView view, String url, Bitmap favicon) {

            super.onPageStarted(view, url, favicon);

            Log.e("webviewtest", "shouldOverrideUrlLoading: " + url);

        }

    }