MediaView налазит туда, куда не должна

Доброго времени суток. Прошу объяснить, что я сделал не так и как это исправить. Собственно делал по этому уроку: https://youtu.be/78Eq67godTk?t=8m25s После того, как автор видео установил кнопки и запустил программу мы видим, что MediaView не налазит на кнопки. Я сделал всё точно как на видео. Никакие доп параметры не трогал.

public class MainController implements Initializable {
@FXML
private MediaView mv;
private MediaPlayer mp;
private Media me;
@FXML
private Slider volumeSlider;
@FXML
private Button playOrPause;
@Override
public void initialize(URL url, ResourceBundle rb) {
    String path = new File("src/advancedtrainingdemo/prototype/media/sky.mp4").getAbsolutePath();
    me = new Media(new File(path).toURI().toString());
    mp = new MediaPlayer(me);
    mv.setMediaPlayer(mp);
    //mp.setAutoPlay(true);
    DoubleProperty width = mv.fitWidthProperty();
    DoubleProperty height = mv.fitHeightProperty();
    width.bind(Bindings.selectDouble(mv.sceneProperty(), "width"));
    height.bind(Bindings.selectDouble(mv.sceneProperty(), "height"));
    volumeSlider.setValue(mp.getVolume() * 100);
    volumeSlider.valueProperty().addListener((Observable observable) -> {
        mp.setVolume(volumeSlider.getValue() / 100);
    });
}
@FXML
public void playOrPause(ActionEvent event) {
    if (mp.getStatus() == PLAYING) {
        mp.pause();
        playOrPause.setText("Play");
    } else {
        mp.play();
        playOrPause.setText("Pause");
    }
}
@FXML
public void stop(ActionEvent event) {
    mp.seek(mp.getStartTime());
    mp.setRate(1);
    mp.stop();
    playOrPause.setText("Start");
}
@FXML
public void fast(ActionEvent event) {
    double rate = mp.getRate();
    if (rate < 10) {
        rate++;
        mp.setRate(rate);
    }
}
@FXML
public void slow(ActionEvent event) {
    double rate = mp.getRate();
    if (rate > -1) {
        rate -= 0.2;
        mp.setRate(rate);
    }
}