为什么我不能得到一个反应HTML5视频组件播放？

Question

我试图在我的React应用程序的主页组件上添加一个连续的HTML5视频循环。我使用NPM包“react html5视频”来生成这个组件。当我通过本地主机启动应用程序时，它最初看起来好像会播放，但是我在div中收到了以下错误，“视频不能在这个浏览器中播放”。我似乎搞不清我做错了什么。

1. 视频组件： 导入从‘from’导入视频；从‘React -html5视频’导入视频；导出类VideoLoop扩展React.Component { from () {from( )；}；导出默认的VideoLoop；
2. 主页组件： 导入反应从' React '；导入VideoLoop从‘./视频_循环’；导出默认() => {返回主页}；
3. 路由 从‘React’导入{路由，IndexRoute }；从‘./components/ App’导入应用程序；从‘./components/property_list’导入PropertyList；从‘./components/home_page’导入HomePage；从‘./components/about_us’导入AboutUs；从‘./components/ Contact’导入PropertyList；导出默认值( )；

Answer 1

这是相当简单的作出一个视频播放反应。

// I 
import video from '../src/videos/a.mp4'
//In your component

//Add other tags as necessary
<video src={video}> </video>

你不需要任何其他模块来完成这个任务。

Answer 2

这对我有用:似乎它预先加载了源，然后可以在页面上autoPlay！--

import React from "react";

import video from '../Video/Teheran.mp4';


       <video controls autoPlay loop muted>
          <source src={video} type="video/mp4" >
          </source>