Question

我有一个简单的组件，可以播放视频。它显示带有控件的黑屏，但视频未播放。我在这里想念什么？

import React from 'react';

export default class CustomVideoPlayer extends React.Component {

    render() {
        return (
            <div className="custom-video-player">
                <video autoPlay controls width="600" height="400" src="video.mp4">
                </video>
            </div>
        )
    }
}

video.mp4与CustomVideoPlayer位于同一文件夹中。我尝试添加autoPlay，type属性，但这没什么作用

Answer 1

我怀疑这是首选的方法，但是我设法做到了以下几点：

import React from 'react';

export default class CustomVideoPlayer extends React.Component {

    render() {
        return (
            <div className="custom-video-player">
                <video controls width="600" height="400" src={require('./video.mp4')}>
                </video>
            </div>
        )
    }
}

视频标签仅显示带有控件的黑屏

1 个答案: