Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Videos not playing on android, only plays audio on Android. Works on iOS.

See original GitHub issue

Bug description:

When ever you try to play a video whether it’s Youtube, Vimeo, Dailymotion, it just plays audio, in place of video only black screen in displayed. You can hear the video playing but no visuals are displayed. It works perfectly fine on iOS.

To Reproduce:

import { WebView } from 'react-native-webview';

render() {
    return (
        <WebView source={{ uri: 'https://www.youtube.com/watch?v=X-x7eZOdBFM' }} />
    );
  }

Expected behavior:

Should play the video 🤷

Screenshots/Videos:

https://user-images.githubusercontent.com/13523678/114420476-fbce3f00-9bd1-11eb-9680-29510506dbba.mov

Environment:

OS: Android
OS version: 10
react-native version: 0.63.2
react-native-webview version: 10.9.2 and 11.3.2

Issue Analytics

State:
Created 2 years ago
Comments:6

Top GitHub Comments

2reactions

SurajMDurgadcommented, Jul 7, 2021

This issue was a bug with webview in android, nothing to do with react-native-webview. This issue was resolved. Ideally if you have set android:hardwareAccelerated="true" in Manifest.xml the videos should play.

0reactions

aneena-thomascommented, Jul 13, 2021

Hi @SurajMDurgad in which manifest I need to add this one android:hardwareAccelerated=“true”? in library manifest or app manifest