Question

如何在WebView React Native中禁用自动播放。因为我在添加“ mediaPlaybackRequiresUserAction = {false}”时尝试使用WebView在我的App中播放视频仍会自动播放。我的代码如下：

<WebView style={{ justifyContent: 'center', alignItems: 'center'}} source={{uri: url}} mediaPlaybackRequiresUserAction={false} />

请帮助我，谢谢。

Answer 1

有可以使用的重新加载和停止加载方法

Methods extraNativeComponentConfig goForward goBack reload stopLoading

即

<WebView style={{ justifyContent: 'center', alignItems: 'center'}} source={{uri: url}} mediaPlaybackRequiresUserAction={false} stopLoading={true}/>

Answer 2

您需要更改属性mediaPlaybackRequiresUserAction={true}。然后它将停止自动播放。

Answer 3

使用HTML可以解决问题。

> min(mydata$Ca, na.rm=T)
[1] "0.9"

https://stackoverflow.com/a/31956633/1958882

Answer 4

此人在Android中为我工作（尚未在iOS上进行测试）：

<View flex height={300}>
   <WebView
         source={{ uri: url }}
         style={{ flex: 1.0 }}
         mediaPlaybackRequiresUserAction={true}
         allowsInlineMediaPlayback={true}
         javaScriptEnabled={true}
         allowsFullscreenVideo={true}
         domStorageEnabled={true}
         injectedJavaScript={`
             document.getElementsByTagName("video")[0].removeAttribute("autoplay"); // this one was the key for me!
         `}
         allowFileAccess={false}
         startInLoadingState={true}
         startInLoadingState={<Loaders.spinner />}
     />

如何在WebView React Native中禁用自动播放？

4 个答案: