question-mark
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.

[Android] with 'fullscreen' property playback controls are missing

See original GitHub issue

Bug

Tested 6.0.0-alpha4 and see the following issue:

On Android with ‘fullscreen’ property playback controls are missing. Tapping on the screen also does not cause the playback to appear.

If don’t use ‘fullscreen’ the controls are presented, BUT the player runs not in fullscreen mode (this is understandable by the “Switch to fullscreen mode” button). After clicking the “Switch to fullscreen mode” button, the fullscreen appears.

https://github.com/react-native-video/react-native-video/blob/master/API.md#controls - it says here that the ‘fullscreen’ property is applicable only for iOS. But as you can see, and for Android too.

Platform

Android (using Pixel 5a with Android 13)

Environment info

React native info output:

System:
    OS: macOS 12.6
    CPU: (6) x64 Intel(R) Core(TM) i5-8500 CPU @ 3.00GHz
    Memory: 31.04 MB / 24.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 18.8.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.5.5 - /usr/local/bin/npm
    Watchman: 2022.08.29.00 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 16.0, macOS 12.3, tvOS 16.0, watchOS 9.0
    Android SDK:
      API Levels: 28, 29, 30, 31
      Build Tools: 30.0.2, 30.0.3
      System Images: android-22 | Google APIs Intel x86 Atom_64, android-28 | Android TV Intel x86 Atom, android-30 | Intel x86 Atom_64, android-30 | Google TV Intel x86 Atom, android-30 | Google APIs Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: Dolphin 2021.3.1 Dolphin 2021.3.1
    Xcode: 14.0/14A309 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_312 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0
    react-native: 0.67.4 => 0.67.4
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Library version: 6.0.0-alpha4

Steps To Reproduce

  1. Open the app
  2. Tap on the video tile -> video player runs in fullscreen mode, playback controls are missing

Expected behaviour

Playback controls are presented

Reproducible sample code

        <View style={styles.container}>
            <Video
                source={{ uri: uri }}
                onProgress={handleProgress}
                onPlaybackRateChange={handlePlaybackRateChange}
                onEnd={handleEnd}
                controls={isNeedControls}
                pictureInPicture
                fullscreen
                fullscreenOrientation="landscape"
                style={StyleSheet.absoluteFill}
            />
        </View>

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:21 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
freeboubcommented, Sep 23, 2022

@bulkinav I can confirm that last change broke this behavior. I didn’t expect someone do this… I will have a look in coming days.

0reactions
freeboubcommented, Nov 19, 2022

Has been merged, fix will be available on alpha.4

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native Video: Fullscreen and controls on Android
The most obvious thing that is missing is the fullscreen option on Android, but as it says in documentation: “For Android MediaPlayer, you...
Read more >
Android How to adjust layout in Full Screen Mode when ...
I have researched a lot to adjust the layout when softkeyboard is active and I have successfully implemented it but the problem comes...
Read more >
Hide system bars for immersive mode - Android Developers
Hide system bars for immersive mode ... Some content is best experienced fullscreen without any indicators on the status bar or the navigation...
Read more >
1229757 - Video progress bar and fullscreen control missing
I get EXPECTED RESULTS here (the progress bar + fullscreen controls are visible, once the video starts playing), in Firefox Nightly on Android....
Read more >
Configuring Player Controls
To configure the Controls properties, follow these steps: ... Quality Selector; Playback Rates; Fullscreen; Vertical Volume Slider ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found