Commit3e0cb83

authored

Merge pull requestalexmojaki#279 from alexmojaki/resize-video

Resize video iframe to fit, fixing screen width and warpspeed performance

2 parents336cbc9 +43a5371 commit3e0cb83Copy full SHA for 3e0cb83

File tree

+12

-7

lines changed

+12

-7

lines changed

Lines changed: 12 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -254,13 +254,18 @@ <h4 class="center-text" data-aos="fade-up" data-aos-duration="800" data-aos-dela`
`254`	`254`
`255`	`255`	`<sectionid="demo-vid"data-aos="fade-up"data-aos-duration="800"data-aos-offset="300">`
`256`	`256`	`<divclass="container flex center-content">`
`257`		`-<div>`
`258`		`-<h2>Watch a demo of the features and benefits:</h2>`
`259`		`-`
`260`		`-<iframewidth="1280"height="720"src="https://www.youtube.com/embed/un1BrrV57PA"frameborder="0"`
`261`		`-allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"`
`262`		`-allowfullscreen></iframe>`
`263`		`-</div>`
	`257`	`+<div>`
	`258`	`+<h2>Watch a demo of the features and benefits:</h2>`
	`259`	`+<!-- https://stackoverflow.com/a/20130011/2482744 -->`
	`260`	`+<divstyle="position: relative; padding-top: 56.25%">`
	`261`	`+<iframestyle="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"`
	`262`	`+src="https://www.youtube.com/embed/un1BrrV57PA"`
	`263`	`+frameborder="0"`
	`264`	`+allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"`
	`265`	`+allowfullscreen`
	`266`	`+></iframe>`
	`267`	`+</div>`
	`268`	`+</div>`
`264`	`269`	`</div>`
`265`	`270`	`</section>`
`266`	`271`

Comments

(0)