javascript - React-Native-Web 的视频支持

Question

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

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

react 原生视频: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它是如何工作的。