react-native-webview 控制 iframe 中的媒体播放
react-native-webview control media playback in iframe
我目前正在开发一款包含各种媒体源的应用程序。其中之一是使用 react-native-webview
和 <iframe/>
嵌入的 Vimeo 视频。我想知道是否有任何方法可以控制 ReactNative 中这些组件的播放。
问题是我需要确保当另一个媒体源启动时,正在 react-native-webview
内播放的任何视频都停止。我有 iOS 的解决方案,通过 Vimeo 的 playsinline
查询参数在其视频 URL 上禁用内联播放。但是,我在 Android 上遇到了问题,目前有一个与此相关的 player.js 相关的未解决问题。
有什么方法可以控制来自 react-native
的 iframe 内的播放吗?
对于那些也可能发现自己处于类似情况的人,我最终通过使用 Vimeo 的 player.js API 并将必要的 JS 注入 react-native-webview
来解决这个问题。
https://github.com/vimeo/player.js/#pause-promisevoid-passworderrorprivacyerrorerror
https://github.com/react-native-community/react-native-webview/blob/master/docs/Reference.md#injectjavascriptstr
我目前正在开发一款包含各种媒体源的应用程序。其中之一是使用 react-native-webview
和 <iframe/>
嵌入的 Vimeo 视频。我想知道是否有任何方法可以控制 ReactNative 中这些组件的播放。
问题是我需要确保当另一个媒体源启动时,正在 react-native-webview
内播放的任何视频都停止。我有 iOS 的解决方案,通过 Vimeo 的 playsinline
查询参数在其视频 URL 上禁用内联播放。但是,我在 Android 上遇到了问题,目前有一个与此相关的 player.js 相关的未解决问题。
有什么方法可以控制来自 react-native
的 iframe 内的播放吗?
对于那些也可能发现自己处于类似情况的人,我最终通过使用 Vimeo 的 player.js API 并将必要的 JS 注入 react-native-webview
来解决这个问题。
https://github.com/vimeo/player.js/#pause-promisevoid-passworderrorprivacyerrorerror https://github.com/react-native-community/react-native-webview/blob/master/docs/Reference.md#injectjavascriptstr