React-Native-Web的视频支持

Question

在React-Native-Web中是否有用于播放视频的解决方案

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

本机视频：https://github.com/react-native-community/react-native-video

Answer 1

我不知道该解决方案的可行性，但是由于您的目标是网络，因此您可以使用和滥用createElement中的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'}
/>

这里有些demo的工作原理。