I am using react-native-community/react-native-webview and on the website we have Nexx player for playing videos.
Android works fine but I have problems with ios. On ios, I have a fullscreen modal where is possible to play video. And if I click on play button video jump into fullscreen mode and start playing. That is right. But if I want to close video by X button on the corner Video will jump back to start position and immediately jump back to the fullscreen mode and sometimes show an icon over the video. I will try to close it and the situation will be repeating after a few repeating is finally closed.
I think the problem is in ios fullscreen video player. Because if I want to play video some fancy webview features will handle video and show it in fullscreen (because Nexx player looks different then this view and I also tried to turn off fullscreen mode but video always jumps in fullscreen). I try to pause the video when it will jump out of fullscreen but it doesn't work. (It works when I pause the video first in fullscreen mode and then I will click on close button = video is close right but if I click on a close button it is doesn't work)
Is there some way how to fix this issues? Or How to control webview feature pause it and then close it when the user clicks on X button?
Related
I am currently working on an app that includes an audio media player. What I want to accomplish is to start a track on a fragment that represents the UI of the media player (like a bottom collapsed media player), and then when I click on this media player layout, I want to start an activity that will display the media player expanded (including skip buttons and progress bar). Right now, whenever I click on the above-mentioned layout, the activity starts but the track starts all over again instead of resuming. Summing up, I would like to ask if there is a proper way to connect with the media browser in another activity without causing the playlist to start from the beginning. Thank you in advance
I have music list screen and when press to play the music, the small music player is show at the end of the screen. If click or scroll up, full screen music player will show. User can click button to collapsed the full screen music player. I am using sliding_up_panel plugin to achieve this.
So my question is that I want to show the small music player on every screen in the app if music is playing.
May I know how where to put SlidingUpPanel?
Regards,
Alex
It will need to go in or above or in your router. You could put it in a Stack widget, where one layer is your player widget and the other is your routed view.
I'm building an app for Android using the YouTube API. The video is in a scroll widget, and when I scroll and the video goes up or down the screen, it stops. I want the video to continue even though isn't in the screen. How can I do that?
Currently, we are creating an Android TV app, in this app, we use WebView to host a web page, there are a <video> tag in this web page, but when we click the play button, the video will go into fullscreen mode automatically.
We tried the following trick to prevent video into fullscreen, still can't prevent video into fullscreen mode.
Can I avoid the native fullscreen video player with HTML5 on iPhone or android?
Anyone have experience to prevent video into fullscreen?
I using a html video on my webpage and I've noticed on android phones when the video goes to full screen and I press the back button, it just leaves and empty video player frame with the pause button showing. Is there a way to hide the empty player or the div that contains the video when the user presses the back button on their phone?
I'm currently using the the events js for the video tag and have added the mobile jquery pack in the hopes for an if back button press do this.
Any help on this would be great as it's all working fine on the web version and on an ipad/iphone.