Youtube Movie in WebView

margret · Jul 11, 2011

Does anyone know how to start a youtube video in full screen mode in a webview? It's easy to start the movie WebView.LoadURL("link here"), but I am looking to start it in full screen without the user having to mess with the screen. Also, it would be nice to lock it to view say 360 res even if the movie is posted with options for 480p, 720p, etc. Any information would be helpful.:sign0085:

Thanks,

Margret

Inman · Jul 12, 2011

You can use the Youtube app to play the video, instead of Webview. That also won't open in full screen by default but at least the user knows all he needs to do is tilt the phone to landscape mode to get full screen.

You can open a video in the Youtube app using Intents

A Programmer's Ride: Android YouTube Intent

The code above is in Java. You just need to make suitable changes to make it work in B4A. Check the B4A Intents documentation and may be some other threads on Intents here.

margret · Jul 12, 2011

Youtube Videos in WebView

Inman said:
You can use the Youtube app to play the video, instead of Webview. That also won't open in full screen by default but at least the user knows all he needs to do is tilt the phone to landscape mode to get full screen.

You can open a video in the Youtube app using Intents

A Programmer's Ride: Android YouTube Intent

The code above is in Java. You just need to make suitable changes to make it work in B4A. Check the B4A Intents documentation and may be some other threads on Intents here.

I am working on a NookColor and it does not have YouTube App or any way to get it. I have to find a way to do it with b4a and webview.

Thanks,

Margret

Erel · Jul 12, 2011

Can you post the link you are using the play the video?

margret · Jul 12, 2011

Youtube Video Link

Erel said:
Can you post the link you are using the play the video?

Here is one of the links I am trying to use. When I posted it, it changed to something else so I am putting it also as code:

B4X:

http://www.youtube.com/watch?v=zO2vfYNaIbk

YouTube - ‪Universe‬&rlm;

Thanks,

Margret

Erel · Jul 13, 2011

You can try embedding the movie in a custom page that you build on the fly. It will allow you to set the width and height:

B4X:

<iframe width="560" height="349" src="http://www.youtube.com/embed/zO2vfYNaIbk" frameborder="0" allowfullscreen></iframe>

NJDude · Jul 13, 2011

But I don't think that works (at least on my phone), I see the picture but the WebView can't play the video, is that related to the "plugins" issue?

You can add:

B4X:

...src="http://www.youtube.com/embed/zO2vfYNaIbk[b]?autoplay=1[/b]"...

and still Flash doesn't work.

Erel · Jul 13, 2011

Flush is not enabled by default due to a bug when you add the WebView with the designer. This is fixed for v1.6. You can either add it programmatically or use Reflector to enable it.

Widget · Jul 19, 2011

Erel said:
Flush is not enabled by default due to a bug when you add the WebView with the designer. This is fixed for v1.6. You can either add it programmatically or use Reflector to enable it.

How is Flash enabled programmatically in v1.50?
Also can a YouTube video play in the Android Emulator using WebView in 1.5 or 1.6?

TIA
Widget

Erel · Jul 19, 2011

Flash can be enabled with the help of the reflector library. However it requires the full version.

WebView cannot play YouTube videos.

Rusty · Dec 21, 2011

Erel,
Has there been any resolution to being able to stream YouTube videos in a WebView or in any other view?
When I load a Webview, the YouTube site comes up, I can see the video, but when I click Play, nothing happens.
The solution does not have to be a WebView.
Thanks,
Rusty

Erel · Dec 22, 2011

Flash is now enabled by default. I think that it should support youtube videos.

Rusty · Dec 22, 2011

I have tried the example and no luck.
I have used the following code and I get an image of the YouTube video, but it will not play.

B4X:

Dim WebView1 As WebView
webview1.Initialize("")
webview1.loadurl("http://www.youtube.com/watch?v=Bxa0UV1lPTY") 
activity.AddView(webview1,0,0,100%x, 100%y)

any ideas?
Thanks

Erel · Dec 23, 2011

Seems like there is an issue with the native WebView. On some devices it works and on others it doesn't work.

From reading various posts about it, the recommended solution is to send an intent that will start the YouTube app.

vb1992 · Dec 23, 2011

B4X:

Dim Intent1 As Intent
    Intent1.Initialize(Intent1.ACTION_VIEW, "http://m.youtube.com/watch?v=zLDIcIrZO8Y")
    Intent1.SetComponent("com.google.android.youtube/.WatchActivity")
 
    intent1.PutExtra("","http://m.youtube.com/watch?v=zLDIcIrZO8Y")
    StartActivity(Intent1)

vb1992 · Dec 23, 2011

Have you tried passing an Embedded Youtube into webview.loadhtml
not sure if it works, but it might

<iframe width="560" height="315" src="http://www.youtube.com/watch?v=p4wh0IksOfg" frameborder="0" allowfullscreen></iframe>

netkomm · Jan 10, 2014

Erel, it seems that your code is no longer working with the new version of Youtube.

Since there are still plenty of devices that cannot use the Youtube API... any idea of any possible fallback to show them the video?

netkomm · Jan 10, 2014

found the solution:

B4X:

Dim Intent1 As Intent
Intent1.Initialize(Intent1.ACTION_VIEW, "vnd.youtube:"&videoid)
Intent1.PutExtra("VIDEO_ID",videoid)
StartActivity(Intent1)

now... is there a way to force the orientation of an intent? (eg: landscape)?

Youtube Movie in WebView

margret

Well-Known Member

Inman

Well-Known Member

margret

Well-Known Member

Erel

B4X founder

margret

Well-Known Member

Erel

B4X founder

NJDude

Expert

Erel

B4X founder

Widget

Well-Known Member

Erel

B4X founder

Rusty

Well-Known Member

Erel

B4X founder

Rusty

Well-Known Member

Erel

B4X founder

vb1992

Well-Known Member

vb1992

Well-Known Member

netkomm

Active Member

netkomm

Active Member