Home / Questions / 211495
Accepted
Enrique Espinosa
Asked: 2020-11-08 07:03:26 +0800 CST 2020-11-08 07:03:26 +0800 CST

how to put youtube videos in android app

  • 772

I am working on an application where I want to show youtube videos in a fragment that has CardsViews, my cardviews already work without problem, the problem is that the videos do not play, I always get an error:

enter image description here

I am adding the videos in a WebView and I use the video links as follows: http://www.youtube.com/embed/ \"+yS_p_ICLUAw+\"?autoplay=1&vq=small

The WebView configuration is as follows:

holder.reproductor.loadUrl(tips.getEnlace());
        holder.reproductor.getSettings().setJavaScriptEnabled(true);
        holder.reproductor.setWebViewClient(new WebViewClient(){

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
            }
        });
        holder.reproductor.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
            }

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

This is the error that shows with the URL that I put in the WebView:

enter image description here

android-studio

2 Answers

  1. Best Answer

    The problem is due to the definition of the video url, this is wrong as it defines a wrong url,

    " http://youtube.com/embed \"+yS_p_ICLUAw+\"?autoplay=1&vq=small ";

    the url should not use " \" since you would be escaping some characters ( \") , this is the correct definition of the youtube video url:

    " http://www.youtube.com/embed/yS_p_ICLUAw?autoplay=1&vq=small "

    , check this example:

     String urlVideo = "http://www.youtube.com/embed/yS_p_ICLUAw?autoplay=1&vq=small";
 webView.loadUrl(urlVideo);

    enter image description here

    As a comment: I strongly advise you to use the YouTube Android Player API

    This is an example:

    https://github.com/Jorgesys/Android-Youtube-API

    enter image description here

    • 2

  2. Instead of using a webview, I recommend that you use a MediaPlayer and pass it the url of the video, something like this:

     MediaPlayer mp = new MediaPlayer();
 mp.setDataSource(url);
 mp.prepare();
 mp.start();

    Also if you are going to use it in an adapter try to have only 1 MediaPlayer and not one for each card or it could cause problems.

    • 0