we're able to make our canvas and the pane that wraps the canvas to have the same width and height by:
videoCanvas.widthProperty().bind(paneHoldingVideoCanvas.widthProperty());
videoCanvas.heightProperty().bind(paneHoldingVideoCanvas.heightProperty());
videoCanvas.widthProperty().addListener((obs, oldV, newV) -> repaintCanvas());
videoCanvas.heightProperty().addListener((obs, oldV, newV) -> repaintCanvas());
but they dont have the same start point, so basically they are not completely in the same place. What should we do now?