Как использовать видео * Разрешение 1016 * в reactjs
Компонент 1 ~
const videoJsOptions = {
autoplay: false,
controls: true,
mute:true,
aspectRatio: "16:9",
playbackRates: [0.5, 1, 1.5, 2]
};
let videoSourse = [{
src: 'videos/intros/Intro480_30_Condensed.mp4',
type: 'video/mp4',
label: '480'
}, {
src: 'videos/intros/Intro720_30_Condensed.mp4',
type: 'video/mp4',
label: '720'
}];
<VideoJsPlayer
{...videoJsOptions}
onPlayerPlay={this.onPlayerPlay}
onPlayerEnd={this.onPlayerEnd}
sources={videoSource}
/>
~
компонент 2
<video id="video" ref={node => (this.videoNode = node)} className="video-js vjs-default-skin videoPlayer" />
Я хочу использовать несколько разрешений в одном видео и могу переключаться между всеми