Цель: Я пытаюсь бесконечно зацикливать видео на сайте 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 */
}