diff --git a/src/renderers/default.ts b/src/renderers/default.ts
index 9ef0efe..a6ff038 100644
--- a/src/renderers/default.ts
+++ b/src/renderers/default.ts
@@ -40,18 +40,37 @@ export class DefaultRenderer extends WebRenderer {
 	}
 
 	/**
-	 * @deprecated
+	 * Resize the subtitles to the dimensions of the video element.
 	 *
-	 * @param {number} width
-	 * @param {number} height
+	 * This method accounts for letterboxing if the video element's size is not the same ratio as the video resolution.
+	 */
+	resize(): void {
+		// Handle letterboxing around the video. If the width or height are greater than the video can be, then consider that dead space.
+
+		const videoWidth = this._video.videoWidth;
+		const videoHeight = this._video.videoHeight;
+		const videoOffsetWidth = this._video.offsetWidth;
+		const videoOffsetHeight = this._video.offsetHeight;
+
+		const ratio = Math.min(videoOffsetWidth / videoWidth, videoOffsetHeight / videoHeight);
+		const subsWrapperWidth = videoWidth * ratio;
+		const subsWrapperHeight = videoHeight * ratio;
+		const subsWrapperLeft = (videoOffsetWidth - subsWrapperWidth) / 2;
+		const subsWrapperTop = (videoOffsetHeight - subsWrapperHeight) / 2;
+
+		super.resize(subsWrapperWidth, subsWrapperHeight, subsWrapperLeft, subsWrapperTop);
+	}
+
+	/**
+	 * @deprecated
 	 */
-	resizeVideo(width: number, height: number): void {
-		console.warn("`DefaultRenderer.resizeVideo(width, height)` has been deprecated. Use `DefaultRenderer.resize(width, height)` instead.");
-		this.resize(width, height);
+	resizeVideo(): void {
+		console.warn("`DefaultRenderer.resizeVideo(width, height)` has been deprecated. Use `DefaultRenderer.resize()` instead.");
+		this.resize();
 	}
 
 	protected _ready(): void {
-		this.resize(this._video.offsetWidth, this._video.offsetHeight);
+		this.resize();
 
 		super._ready();
 	}
diff --git a/src/renderers/web/renderer.ts b/src/renderers/web/renderer.ts
index eea9fab..640b524 100644
--- a/src/renderers/web/renderer.ts
+++ b/src/renderers/web/renderer.ts
@@ -321,20 +321,21 @@ export class WebRenderer extends NullRenderer implements EventSource<string> {
 	 *
 	 * @param {number} width
 	 * @param {number} height
+	 * @param {number=0} left
+	 * @param {number=0} top
 	 */
-	resize(width: number, height: number): void {
+	resize(width: number, height: number, left: number = 0, top: number = 0): void {
 		this._removeAllSubs();
 
-		const ratio = Math.min(width / this.ass.properties.resolutionX, height / this.ass.properties.resolutionY);
-		this._subsWrapperWidth = this.ass.properties.resolutionX * ratio;
-		const subsWrapperHeight = this.ass.properties.resolutionY * ratio;
-		this._subsWrapper.style.width = `${ this._subsWrapperWidth.toFixed(3) }px`;
-		this._subsWrapper.style.height = `${ subsWrapperHeight.toFixed(3) }px`;
-		this._subsWrapper.style.left = `${ ((width - this._subsWrapperWidth) / 2).toFixed(3) }px`;
-		this._subsWrapper.style.top = `${ ((height - subsWrapperHeight) / 2).toFixed(3) }px`;
+		this._subsWrapper.style.width = `${ width.toFixed(3) }px`;
+		this._subsWrapper.style.height = `${ height.toFixed(3) }px`;
+		this._subsWrapper.style.left = `${ left.toFixed(3) }px`;
+		this._subsWrapper.style.top = `${ top.toFixed(3) }px`;
 
-		this._scaleX = this._subsWrapperWidth / this.ass.properties.resolutionX;
-		this._scaleY = subsWrapperHeight / this.ass.properties.resolutionY;
+		this._subsWrapperWidth = width;
+
+		this._scaleX = width / this.ass.properties.resolutionX;
+		this._scaleY = height / this.ass.properties.resolutionY;
 
 		// Any dialogues which have been pre-rendered will need to be pre-rendered again.
 		this._preRenderedSubs.clear();