我阅读了文档(https://video-react.js.org/components/player/)并尝试更改视频的宽度和高度,但没有用。我在这里也发现了同样的问题: video-react 属性宽度和高度不起作用
即使将流体设置为 false 并且它不起作用,我该如何调整视频?
我的代码:
import React, { Component } from 'react';
import './App.css';
import { Player } from 'video-react';
class App extends Component {
render() {
return (
<Player
playsInline
poster="/assets/poster.png"
src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
fluid={false}
width={100}
height={50}
/>
);
}
}
export default App;
Run Code Online (Sandbox Code Playgroud) 根据这个文档
我们可以在属性中添加玩家的宽度和高度
<Player playsInline width={100} height={50}>
<source src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"/>
<ControlBar>
<PlaybackRateMenuButton rates={[2,1.5,1]} order={7.1} />
<VolumeMenuButton disabled />
</ControlBar>
</Player>
Run Code Online (Sandbox Code Playgroud)
但这些不起作用..那么,我在这里做错了什么吗?