React-Native-Web 的视频支持

Question

有没有在React-Native-Web中播放视频的解决方案

React-Native-Web：https ://github.com/necolas/react-native-web

React-Native-视频：https://github.com/react-native-community/react-native-video

Answer 1

我不知道这个解决方案有多可行，但由于您的目标是网络，因此您可以使用和滥用 fromcreateElement来react-native-web创建视频元素。

例如，您可以创建一个像这样的无状态组件：

import { createElement } from "react-native-web";

const Video = (props) => {
  const attrs = {
    src: props.source,
    poster: props.poster,
    controls: "controls"
  }
  return createElement("video", attrs)
}
export default Video

然后在您的应用程序中使用它，如下所示：

<Video
  source={require("./stock_video.mp4")}
  poster={'https://www.fillmurray.com/480/300'}
/>

这是一个小演示，它是如何工作的。