video with iframe doesn’t display on Android Webview

I am working on Android project (API level 8) displaying WebView from another website which I cannot change the code of these website. I am having trouble with video clip in WebView on some devices that does not enable Force GPU rendering (in settings –> Developer options). The following codes are the codes that I read from the website

<center><iframe width=/"500/" height=/"315/" src=/"http:////www.youtube.com//embed//bf7wpubnyIE/" frameborder=/"0/" allowfullscreen><//iframe><//center>  <br //>

and

<center> <iframe frameborder=/"0/" width=/"480/" height=/"323/" src=/"http:////www.dailymotion.com//embed//video//xrmnk1/"><//iframe> <//center><br //>

On Android side I already enable several settings which are

webview.setWebChromeClient(new WebChromeClient()); 
webview.setWebViewClient(new WebViewClient()); 
webview.getSettings().setJavaScriptEnabled(true);
webview.getSettings().setPluginsEnabled(true);

I believe I can’t use android:hardwareAccelerated=”true” since I am working on API level 8

When I turn off Force GPU rendering the error on logcat are shown as follows

06-20 14:04:24.455: W/webview(28201):   at android.webkit.WebView.checkThread(WebView.java:9468)
06-20 14:04:24.455: W/webview(28201):   at android.webkit.WebView.loadDataWithBaseURL(WebView.java:2186)
06-20 14:04:24.455: W/webview(28201):   at com.tss.one.MainDetail$1.run(MainDetail.java:144)
06-20 14:04:24.455: W/webview(28201):   at java.lang.Thread.run(Thread.java:856)
06-20 14:04:24.533: V/PhoneStatusBar(10977): setLightsOn(true)
06-20 14:04:24.697: I/ActivityManager(10909): Displayed com.tss.one/.MainDetail: +614ms
06-20 14:04:27.197: D/libEGL(28201): loaded /system/lib/egl/libGLES_android.so
06-20 14:04:27.205: D/libEGL(28201): loaded /vendor/lib/egl/libEGL_POWERVR_SGX540_120.so
06-20 14:04:27.221: D/libEGL(28201): loaded /vendor/lib/egl/libGLESv1_CM_POWERVR_SGX540_120.so
06-20 14:04:27.229: D/libEGL(28201): loaded /vendor/lib/egl/libGLESv2_POWERVR_SGX540_120.so
06-20 14:04:27.729: E/Web Console(28201): Unsafe JavaScript attempt to access frame with URL about:blank from frame with URL http://www.youtube.com/embed/bf7wpubnyIE. Domains, protocols and ports must match.
06-20 14:04:27.729: E/Web Console(28201):  at null:1
06-20 14:04:27.838: E/libEGL(28201): call to OpenGL ES API with no current context (logged once per thread)
06-20 14:04:27.838: D/ShaderProgram(28201): couldn't load the vertex shader!
06-20 14:04:27.838: D/ShaderProgram(28201): couldn't load the vertex shader!
06-20 14:04:27.838: D/ShaderProgram(28201): couldn't load the vertex shader!
06-20 14:04:27.838: D/ShaderProgram(28201): couldn't load the vertex shader!
06-20 14:04:27.838: D/ShaderProgram(28201): couldn't load the vertex shader!
06-20 14:04:28.213: D/dalvikvm(28201): GC_CONCURRENT freed 3468K, 17% free 20475K/24519K, paused 3ms+2ms
06-20 14:04:29.783: E/Web Console(28201): Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1 at http://static1.dmcdn.net/js/gen/widget/pack/player.js.v91ec0434953824904:1
06-20 14:04:29.791: D/MediaPlayer(28201): Couldn't open file on client side, trying server side
06-20 14:04:29.791: I/AwesomePlayer(10888): setDataSource_l('http://www.dailymotion.com/cdn/H264-512x384/video/xrmnk1.mp4?auth=1340348666-9f8ec9001ccce92feec18d9419b07065&helper=0')
06-20 14:04:29.791: V/ChromiumHTTPDataSource(10888): connect on behalf of uid 10124
06-20 14:04:29.791: I/ChromiumHTTPDataSource(10888): connect to http://www.dailymotion.com/cdn/H264-512x384/video/xrmnk1.mp4?auth=1340348666-9f8ec9001ccce92feec18d9419b07065&helper=0 @0
06-20 14:04:33.291: I/SampleTable(10888): There are reordered frames present.
06-20 14:04:33.299: I/OMXCodec(10888): [OMX.TI.DUCATI1.VIDEO.DECODER] AVC profile = 66 (Baseline), level = 30
06-20 14:04:33.299: I/OMXCodec(10888): [OMX.TI.DUCATI1.VIDEO.DECODER] video dimensions are 512 x 344
06-20 14:04:33.299: I/OMXCodec(10888): [OMX.TI.DUCATI1.VIDEO.DECODER] Crop rect is 512 x 344 @ (0, 0)
06-20 14:04:34.432: I/OMXCodec(10888): [OMX.TI.DUCATI1.VIDEO.DECODER] video dimensions are 640 x 448
06-20 14:04:34.432: I/OMXCodec(10888): [OMX.TI.DUCATI1.VIDEO.DECODER] Crop rect is 512 x 344 @ (0, 0)
06-20 14:04:34.604: I/OMXCodec(10888): [OMX.TI.DUCATI1.VIDEO.DECODER] video dimensions are 640 x 448
06-20 14:04:34.604: I/OMXCodec(10888): [OMX.TI.DUCATI1.VIDEO.DECODER] Crop rect is 512 x 344 @ (32, 24)
06-20 14:04:34.612: W/SoftAAC(10888): Sample rate was 44100 Hz, but now is 22050 Hz
06-20 14:04:39.666: I/NuCachedSource2(10888): ERROR_END_OF_STREAM

Display Vimeo in WebView iFrame on Android

I am trying to create an app that displays a WebView with an embedded iframe that will show a Vimeo video. When I load the WebView the iframe is just a black box that will not show the video or do any

How can i play the video from SD card in webview using Iframe, android?

I am using webview to play youtube videos . This is working fine. But i wanted to try this. How can i play the video from SD card in Webview using Iframe in android. I have googled alot about this. An

Android webview cannot render youtube video embedded via iframe

This is about loading youtube videos using latest embedded format (iframe) inside a webview. Example of the iframe embed format <iframe width=637 height=358 src=http://www.youtube.com/embed/o

android webview iframe overflow

I’m currently building a web app in android. My app runs in a webview, and loads third-party contents through iframes. The iframe size is fixed and supposed not to be changed by the content loaded. In

Cannot play video inside WebView using iframe tag?

I am using the following data to display in a WebView. These are the HTML tags along with the iframe which is referring to a video. Now the problem is when I click on it, it shows the play button but

youtube video is not playing in android webview from iframe

I am developing an android application. This is my xml feed tag: <FullContent> <style> img {padding:2px;} p{color:#fff} </style> <p> Actor Hrithik Roshan has always nursed a&lt

Android WebView iframe – Replace src

I have a web application with a webview. There is a page with an iframe that contains pdf in it. Android doesn’t support this and the url must be replaced with google docs url. Something like that: pd

Playing video in Android Webview

I have a webview control in linear layout. I want to play html video in vebview control. I am trying to display the video the same as the screen when in portrait mode and display it full screen when i

WebView with an IFRAME android

I want to load an HTML <IFRAME> inside an WebView, but I don’t know why, it is not able to do so. I am using following code to load <IFRAME> webView.loadData(<iframe src=/http://www.g

Why Android WebView is not loading youtube HTML5 iframe video?

I tried the following: WebView wv = (WebView) findViewById(R.id.webView1); String playVideo= <html><body><iframe width=’200′ height=’143′ src=’http://www.youtube.com/embed/JW5meKfy3f

Answers

Perhaps it’s problem of hardware acceleration. Try to disable it :

@TargetApi(11)
private void disableHardwareAcceleration() {
    if(getCustomApp().isHarwareAccelerateDisable() && android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.HONEYCOMB) {
        Log.e(TAG, "disable HardwareAcceleration");
        webview.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
    }
}