Javascript React视频元素工作不正常

我试图在我的网站上添加视频背景，但当我将视频标签添加到我的react脚本时，它会无休止地加载到Firefox上，当我在chrome上尝试时，它会在0秒时显示视频，我尝试了

.mp4

和

.mov

格式，但没有成功

import React, { Component } from "react";
import "./App.css";
import LogginScreen from "./components2/LogginScreen";

class App extends Component {
  render() {
    return (
      <div>
        <LogginScreen></LogginScreen>
        <video controls autoPlay loop muted>
          <source src="hd1992.mov" type="video/mov"></source>
        </video>
      </div>
    );
  }
}
export default App;

import React，{Component}来自“React”；
导入“/App.css”；
从“/components2/LogginScreen”导入LogginScreen；
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序；

这与视频文件类型

.mov

和导入视频的方式有关

尝试将type属性更改为

type=“video/mp4”

，即使它是

.mov

，并按如下方式导入视频：

import React，{Component}来自“React”；
导入“/App.css”；
从“/components2/LogginScreen”导入LogginScreen；
从“/hd1992.mov”导入myVideo；
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序；

这是一个有效的例子

我希望这能解决你的问题。

同样的问题

试过你的解决方案，但它只是显示一个黑暗的播放器，即使设置了自动播放，也不会加载任何视频。我必须安装react视频或类似的东西吗

这是我的密码

import React from 'react'

import myVideo from "./bgvideo.mov";

import './cours.css'

function Cours() {
    return (
        <div className='cours-container'>
            <div className='cours-title'>Debuter en Programmation</div>

            <div className='onglets'>
                <div className='onglet-presentation'>Présentation</div>
                <div className='onglet-ressources'>Ressources</div>
            </div>

            <div className='text-container'>
                <video controls autoPlay loop muted>
                    <source src={myVideo} type="video/mp4"></source>
                </video>
            </div>

        </div>
    )
}

export default Cours

从“React”导入React
从“/bgvideo.mov”导入myVideo；
导入“./cours.css”
函数Cours（）{
返回(
程序设计中的去毛刺
陈述
资源
)
}
导出默认课程

firefox和chrome的控制台中是否显示任何错误？如果是，请编辑您的帖子并将其添加到其中，这样我们可以更好地帮助您。不，控制台或web inspect工具中没有错误。我尝试播放从YouTube链接的视频，当我使用iframe时，一切都正常工作，但我需要它是一个回溯，所以这是毫无意义的。我不知道为什么，但当我将此代码放入JavaScript文件时，它工作正常

似乎我播放视频的唯一方法是链接itI，我不知道为什么，但当我这样做时，它不起作用。但是，当我像你一样导入它时，它起作用了，谢谢你