标签: video-reactjs

React - 如何调整视频反应播放器的大小?

我阅读了文档(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)

reactjs video-reactjs

5
推荐指数
1
解决办法
1万
查看次数

video-react 属性宽度和高度不起作用

根据这个文档

我们可以在属性中添加玩家的宽度和高度

<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)

但这些不起作用..那么,我在这里做错了什么吗?

video.js reactjs video-reactjs

2
推荐指数
1
解决办法
5695
查看次数

标签 统计

reactjs ×2

video-reactjs ×2

video.js ×1