YouTube videos are black screen about react-native-webview-android

[afeef]

Hi @avishayil

Can you tell me how did you managed to solve the black screen issue while playing youtube video?

[lucasferreira]

Hi @avishayil

Here a sample to you download: https://dl.dropboxusercontent.com/u/42999/temp/AwesomeProjectVideo.zip

I've tested this sample in my Moto G with Android Lollipop and I could play youtube videos normally.

But if you are embedding videos inside your page, you have to check if you are really using the HTML5 player mode, because Flash Video Player won't run in mobile devices.

PS: don't forget to run npm install before react-native run-android command

[avishayil]

Hi,
Your example gives me TypeError: expected dynamic type 'double' but had type 'boolean' error on RCTNetworking.SendRequest at argument index 5...

[lucasferreira]

Hi @avishayil

Are you on Windows or Mac?

I'd sent to you and old sample, that sample only runs in React Native 0.14.2 version, if you downgrade the version inside package.json and then run npm install again, it will works.

Here on my Mac, everything going OK, I've recorded a video to show you:
https://dl.dropboxusercontent.com/u/42999/temp/demo_video.mp4
(You can skip to 2:30)

If you still have problems, I think that could be something wrong in your work setup.

[avishayil]

I managed to nail it, Thanks!
Now the problem is that I can't go into Full screen mode.
I read this thread:
http://stackoverflow.com/questions/15796661/android-webview-app-wont-let-video-player-go-full-screen

Do you have any idea about how to go to full screen mode? I don't have Main.xml like he has there...

[lucasferreira]

I'm afraid that you can't do that in RN. We didn't are able to work with Main.xml without broke the React Native behavior.

[avishayil]

https://github.com/facebook/react-native/releases/tag/v0.18.0-rc

Add support for custom Android views - 1fabd86

facebook/react-native@1fabd86

Does this can help?

[lucasferreira]

Hi @avishayil

I guess no, the "full screen youtube implementation" consist in create a full player in Android Views, with progress bar, play, pause and etc, to much work for me now. But you are free to implement that and do a pull request ;)

[elmbrent]

I would like to know to.. please thanks

[elmbrent]

@afeef did you manage to fix?

[afeef]

Hey @elmbrent, actually no 😕. I ended up using ExoPlayer