Skip to content

How to use the prop allowsInlineMediaPlayback in react-native-WKWebView? #241

@AishuVaid

Description

@AishuVaid

I'm using WKWebview in ios for my react native project. My project requirement is to disable the vidoe taking a full screen by default. This could be done in UIWebView by setting the the prop allowsInlineMediaPlayback to true but WKWebview does not support this prop. Is there any other way I can set this prop to in order to disable the video taking full screen in my Webview?

<WKWebView
source={{
uri: "videocheck/02_1.2_Objectives_in_financial_management.html"
}}
ref={webView => (this.webView = webView)}
originWhitelist={'["*"]'}
javaScriptEnabled={true}
domStorageEnabled={true}
startInLoadingState={true}
useWebKit={true}
scrollEnabled={false}
allowFileAccess={true}
allowUniversalAccessFromFileURLs={true}
allowFileAccessFromFileURLs={true}
allowsInlineMediaPlayback={true}
mediaPlaybackRequiresUserAction={true}
/>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions