目标： 我正在尝试在 React gatsby 站点上无限循环播放视频。我在资产下本地有一个 mp4 文件，但它没有显示在我的屏幕上。

我试过的： 我认为这可能是 CSS 问题，所以我设置了它，它显然是窗口的 100% 宽度和高度，但视频仍然没有显示。

JS：

import React from "react"
import "./index.css"
export default () => (
  <div>
    <video id="background-video" loop autoPlay>
      <source src="..\assets\video\Cenote_Squad_Cinemagraph_1500x840_Final.mp4" type="video/mp4"/>
      Your browser does not support the video tag.
    </video>
  </div>
)

CSS：

#background-video {
    height: 100%;
    width: 100%;
    float: left;
    top: 0;
    padding: none;
    position: fixed;
    /* optional depending on what you want to do in your app */
}