how to play html5 video on a webview android

Question

i am trying to load a webpage on a web view where the page has a video in it. i am able to load the web page on the web view but the video is not playing and the audio is heard. this is the link i m loading to a web view.

http://html5videoformatconverter.com/html5-video-tag-example.html

and all i m doing is

  public class VideoActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    WebView mWebView = (WebView) findViewById(R.id.wvVideo);
    mWebView.setWebChromeClient(chromeClient);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.getSettings().setPluginsEnabled(true);
    mWebView.loadUrl("http://html5videoformatconverter.com/html5-video-tag-example.html");

}
private WebChromeClient chromeClient = new WebChromeClient(){

    @Override
    public void onShowCustomView(View view, CustomViewCallback callback) {
        // TODO Auto-generated method stub
        super.onShowCustomView(view, callback); 
        if(view instanceof FrameLayout){
            FrameLayout frame  = (FrameLayout)view;
            if(frame.getFocusedChild()instanceof VideoView){
            VideoView video =  (VideoView)frame.getFocusedChild();
                frame.removeView(video);
                           video.start();

            }
        }

    }

};

}

pls help me modify my code. thanks

please share it how you solve your issue bcaz i also face this. — Hardik Joshi, Aug 24 '12 at 05:30

score 2 · Answer 1 · edited Sep 23 '12 at 06:29

2

This worked for me, problem was to do with file permissions on the locally stored video. Hope it helps!

<video width="365" height="200" src="/mnt/SDcard/media/video/abc.mp4" controls autobuffer></video>

edited Sep 23 '12 at 06:29

biegleux

13,179
11
45
52

answered Sep 10 '12 at 06:09

droiding

41
1

1

My Prob has disappeared when I Added "controls autobuffer" – a.boussema Oct 05 '13 at 22:14

score 2 · Answer 2 · edited May 23 '17 at 12:29

2

Android Browser and WebView has many known problems playing HTML5 <video> videos.

Android webview cannot render youtube video embedded via iframe

Unless you can target Android 4.0 or good modern firmwars, the current workaround is to have a thumbnail image link to a video and then this link opens the video in the native Android video player.

For more information with HTML5 video problems on Android please feel free to search stackoverflow.com.

edited May 23 '17 at 12:29

Community

1
1

answered Feb 08 '12 at 12:58

Mikko Ohtamaa

82,057
50
264
435

This bit, please read: the current workaround is to have a thumbnail image link to a video file and then this link opens the video in the native Android video player. – Mikko Ohtamaa Apr 17 '12 at 15:11
cavallo kindly update the post with the solution rather than keeping quiet – Fred Ondieki May 15 '15 at 20:02

score 0 · Answer 3 · answered Oct 26 '12 at 02:00

0

As @Mikko says, this is a tricky area.

One thing to check is that you have hardware acceleration enabled. I encounter the exact same symptoms the OP describes when leaving it turned off.

You can enable it at the application or at the activity level:

<application 
    android:icon="@drawable/icon_72" 
    android:logo="@drawable/icon_menu_72"
    android:label="@string/app_name"
    android:hardwareAccelerated="true"
    >

OR

<activity 
    android:name=".MyActivity"
    android:hardwareAccelerated="true"
    >

answered Oct 26 '12 at 02:00

dokkaebi

9,004
3
42
60

I have enabled the hardware acceleration at application level, then too i am facing the same problem. – Richa Laad Oct 26 '12 at 06:54
@ Richa Laad , This answer http://stackoverflow.com/a/20780294/2210514 might be help you. – Dhananjay C Jun 23 '14 at 11:10

score 0 · Answer 4 · edited May 23 '17 at 11:58

0

When I encountered this problem it was due to the compression type. For android I had to use base profile compression rather than high profile compression. ffmpeg compatibility has a description.

I answered a similar question here.

edited May 23 '17 at 11:58

Community

1
1

answered Nov 20 '13 at 13:52

Leo

1,495
23
41

score 0 · Answer 5 · answered Apr 14 '15 at 15:30

I was converting my mobile website with youtube embeds into android app....this project helped me get rid of getting the video to fullscreen in webview. All my problems were solved. You can get something from here. https://code.google.com/p/html5webview/

how to play html5 video on a webview android

5 Answers5

Linked