小编Ric*_*pes的帖子

NEXTJS 中的视频渲染

我正在使用 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
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

video-streaming reactjs next.js

12
推荐指数
2
解决办法
6万
查看次数

标签 统计

next.js ×1

reactjs ×1

video-streaming ×1