From 8dc11b9a9c2efde3786745d7ceec958b79611d8b Mon Sep 17 00:00:00 2001
From: Dukagjin Surdulli <me@dukagj.in>
Date: Thu, 9 Apr 2020 19:29:23 -0400
Subject: [PATCH] Ensure 100% width for videos.

---
 .../php/media/class-video.php                 | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/php/media/class-video.php b/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/php/media/class-video.php
index a461f841f..3091d085a 100644
--- a/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/php/media/class-video.php
+++ b/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/php/media/class-video.php
@@ -369,29 +369,29 @@ public function print_video_scripts() {
 			var cldVideos = <?php echo wp_json_encode( $cld_videos ); ?>;
 
 			for ( var videoInstance in cldVideos ) {
-			var cldConfig = cldVideos[ videoInstance ];
-			var cldId = 'cloudinary-video-' + videoInstance;
-			cld.videoPlayer( cldId, cldConfig );
+				var cldConfig = cldVideos[ videoInstance ];
+				var cldId = 'cloudinary-video-' + videoInstance;
+				cld.videoPlayer( cldId, cldConfig );
 			}
 
 			window.addEventListener( 'load', function() {
-			for ( var videoInstance in cldVideos ) {
-			var cldId = 'cloudinary-video-' + videoInstance;
-			var videoContainer = document.getElementById( cldId );
-			var videoElement = videoContainer.getElementsByTagName( 'video' );
-
-			if ( videoElement.length === 1 ) {
-			videoElement = videoElement[0];
-
-
-			<?php if ( $this->config['video_freeform'] ): ?>
-				videoElement.src = videoElement.src.replace(
-				'upload/',
-				'upload/<?php echo esc_js( $this->config['video_freeform'] ) ?>/'
-				);
-			<?php endif ?>
-			}
-			}
+				for ( var videoInstance in cldVideos ) {
+					var cldId = 'cloudinary-video-' + videoInstance;
+					var videoContainer = document.getElementById( cldId );
+					var videoElement = videoContainer.getElementsByTagName( 'video' );
+
+					if ( videoElement.length === 1 ) {
+						videoElement = videoElement[0];
+						videoElement.style.width = '100%';
+						
+						<?php if ( $this->config['video_freeform'] ): ?>
+							videoElement.src = videoElement.src.replace(
+							'upload/',
+							'upload/<?php echo esc_js( $this->config['video_freeform'] ) ?>/'
+							);
+						<?php endif ?>
+					}
+				}
 			} );
 			<?php
 			$script = ob_get_clean();