Code Monkey home page Code Monkey logo

react-native-android-fullscreen-webview-video's People

Contributors

airshipalex avatar amhinson avatar mrnickel avatar nikhilka08 avatar panda8z avatar v-fernandez avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

react-native-android-fullscreen-webview-video's Issues

onScroll event is not working

Hello,

onScroll event is not working on react-native-android-fullscreen-webview-video.

Sample Code
onScroll={Animated.event(
[{ nativeEvent: { contentOffset: { y: this.state.scrollAnim } } }], { useNativeDriver: false }
)}

Doesn't work with portrait videos

If app is locked into portrait orientation and video is portrait video, it tries to rotate the app and if it fails then it goes back to original non fullscreen mode

video position

is there any way getting video position from it. and also seek to particular position in video

Android fullscreen fullscreen keyboard issue

  1. Open web page with youtube/vimeo video and text input
  2. Try to focus text input - everything ok
  3. Toggle video fullscreen, exit from fullscreen
  4. Try to focus text input - keyboard do not appears

Not Working

When I clicked on fullscreen option, it is loading my app in landscape mode.

App Rejected from google play

app rejected from google play and send me this message

Issue: Violation of Device and Network Abuse policy

We don’t allow apps that interfere with, disrupt, damage, or access in an unauthorized manner the user’s device, other devices or computers, servers, networks, application programming interfaces (APIs), or services, including but not limited to other apps on the device, any Google service, or an authorized carrier’s network.Your app shouldn’t access or use the service or API in a manner that violates its terms of service. For example, your app shouldn't download, monetize, or access YouTube videos in a way that violates the YouTube Terms of Service.

Black Screen on play a video in full-screen mode

When I try to play video in full-screen mode in webView
a black screen showing and make the app stop working
I need a help to fix this problem

Fixed

After I start looking to files I found the issue in the file VideoWebChromeClient.java
You just need to remove this line from the file
((View) mWebView.getRootView()).setVisibility(View.GONE);

Native Component for RNCustomWebView Does Not Exist

Project builds fine, but when I try to load any screen this your custom webview component, I get either "Native Component for RNCustomWebView Does Not Exist" or "View Config not Found for RNCustomWebView". Any suggestions? Did I miss something?

black screen issue

Hello, the full screen works just fine :D but when the webview is displayed for the first time it's showing a black screen. Is there a solution to this ?

Fullscreen icon for video embedded in a website not working

Whenever I tap on the fullscreen icon, the following message is shown in logcat:

Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

Installed and used according to instructions. Wondering if there's anything I'm missing?

Library is not working on RN 0.60

I am upgrading my RN project to RN 0.60 and got the following error from react-native-android-fullscreen-webview-video when compiling :

/node_modules/react-native-android-fullscreen-webview-video/android/src/main/java/com/airship/customwebview/CustomWebViewManager.java:55: error: package com.facebook.react.views.webview does not exist
import com.facebook.react.views.webview.WebViewConfig;
                                       ^

Change to fullscreen mode from a custom button

In my app I decided to hide the youtube player on-screen controls, and i'm using a custom button to change to fullscreen mode.

In iOS this works fine because I use the method allowsInlineMediaPlayback from webview and change the state from the button, but this is iOS exclusive and doesn't translate to Android.

Is there a way on Android to turn on/off fullscreen mode without using the fullscreen button next to the youtube player progress bar?

Many thanks.

Not Working as Required

I am Using video.js video as a webview in RN, But its not making it full screen

VideoDetail.js
<WebView allowsInlineMediaPlayback={true} style={StyleSheet.absoluteFill} source={require("./player.html")}> </WebView>

HTML code for player.html
`

<style>
    body {
        background-color: black;
        margin: 0;
    }
</style>
<div>
    <video
        id="examplePlayer"
        class="video-js vjs-default-skin"
        poster="../../../assets/thumbnail.jpg"
        data-setup='{"fluid": true}'
        width = '1600px'
        height = '900px'
        controls>
        
        <source src="../../../assets/background-video.mp4" type='video/mp4' />  
    </video>
</div>

<script src="http://vjs.zencdn.net/6.4.0/video.js"></script>
>

`

Not Working in many of android devices

I have implemented as per instructions but it is not offering full screen in many of android devices but offers some of them like android version 6 or less it is not offering full screen. Please fix it for all versions. thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.