NEXTJS中的视频渲染
NEXTJS中的视频渲染
提问于 2020-12-22 15:32:04
我正在使用NextJS，我试图把一个视频作为背景。在第一次渲染中，一切正常工作，但是当我重新加载屏幕时，视频不会在自动播放模式下运行。
代码：
import React from 'react'
import MainHeader from '../components/MainHeader'
import { Container } from '../styles/pages/Home'
const Home: React.FC = () => {
return (
<Container>
<MainHeader />
<video autoPlay style={{ width: '500px', height: '500px' }}>
<source src="/blue.mp4" />
</video>
</Container>
)
}
export default Home我怎么才能解决呢？
回答 1
Stack Overflow用户
发布于 2021-05-18 19:12:34
我已将循环添加到您的代码中。我希望它能解决你的问题
import React from 'react'
import MainHeader from '../components/MainHeader'
import { Container } from '../styles/pages/Home'
const Home: React.FC = () => {
return (
<Container>
<MainHeader />
<video autoPlay loop style={{ width: '500px', height: '500px' }}>
<source src="/blue.mp4" />
</video>
</Container>
)
}
export default Home页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65411450
复制相关文章
相似问题
腾讯云开发者
