如何在 react-native-youtube-iframe 中仅禁用长按 youtube 视频

Question

我使用 react-native-youtube-iframe 在我的 react native 应用中播放 youtube 视频。我想禁用长按 youtube 视频。

Answer 1

来自 GitHub 文档，我通过使用解决了。

删除长按上下文菜单：

将 YoutubePlayer 包装在具有 pointerEvents="none" 的视图中，以禁用播放器的应用触摸事件。

然后 react-native 的 Pressable API 或任何可触摸来拦截按下。

    <Pressable
      onPress={() => {
        // handle or ignore
      }}
      onLongPress={() => {
        // handle or ignore
      }}>
    
      <View pointerEvents="none">
        <YoutubePlayer (...) />
      </View>
    
    </Pressable>

来源：https://lonelycpp.github.io/react-native-youtube-iframe/remove-context-share

另一种方式正在使用onContextMenu={(e) => e.preventDefault()：

<div onContextMenu={(e) => e.preventDefault()}>

    <YoutubePlayer (...) />

</div>