updated videos aspect radio to 16:9. Removed black bars in html5 videos.

vijayvulchi · vijayvulchi · commit 55f5c966dfa8 · 2022-02-21T14:58:32.000+05:30
diff --git a/src/components/layout.scss b/src/components/layout.scss
@@ -219,5 +219,6 @@ div.col-sm-7.doc-page {
 
 /* Padding below embed videos */
 .gatsby-resp-iframe-wrapper {
+  padding-bottom: 56.25% !important; // 16:9 aspect ratio to remove black bars in html5 videos.
   margin-bottom: 24px;
 }

Original file line number	Diff line number	Diff line change
`@@ -219,5 +219,6 @@ div.col-sm-7.doc-page {`
`219`	`219`
`220`	`220`	`/* Padding below embed videos */`
`221`	`221`	`.gatsby-resp-iframe-wrapper {`
	`222`	`+ padding-bottom: 56.25% !important; // 16:9 aspect ratio to remove black bars in html5 videos.`
`222`	`223`	`margin-bottom: 24px;`
`223`	`224`	`}`