scratch_3.js

import React from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import random from 'lodash/random';
import Wrapper from '../Wrapper/Wrapper';
import Header from '../Header/Header';
import FastServices from '../FastServices/FastServices';

import s from './OpeningScreen.css';

class OpeningScreen extends React.Component {
  componentWillMount() {
    debugger;
    this.setState({
      videoNumber: random(1, 3),
    });
  }

  render() {
    return (
      <section
        className={s.root}
      >
        <video
          poster={`poster/poster_${this.state.videoNumber}.jpg`}
          className={s.video}
          autoPlay
          muted
          loop
        >
          <source
            src={`video/video_${this.state.videoNumber}.mp4`}
            type="video/mp4"
          />
        </video>

        <Wrapper>
          <Header />

          <FastServices />
        </Wrapper>
      </section>
    );
  }
}

export default withStyles(s)(OpeningScreen);