javascript - 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

我不知道这个解决方案有多可行，但由于您的目标是网络，您可以使用和滥用createElementfromreact-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'}
/>

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