Commit e623bc4

committed

fix(docs): responsive youtube video demo

1 parent 2b25fc7 commit e623bc4Copy full SHA for e623bc4

File tree

+20

-3

lines changed

+20

-3

lines changed

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,8 @@`
`1`	`1`	`<section id="contact" class="contact bg-primary">`
`2`	`2`	`<div class="container">`
`3`	`3`	`<h2 class="section-heading">Demo</h2>`
`4`		`- <iframe width="560" height="315" src="https://www.youtube.com/embed/lfWRwwmX9Q8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>`
	`4`	`+ <div class="responsive-yt">`
	`5`	`+ <iframe width="560" height="315" src="https://www.youtube.com/embed/lfWRwwmX9Q8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`
	`6`	`+ </div>`
`5`	`7`	`</div>`
`6`	`8`	`</section>`

Lines changed: 17 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,23 @@`
`28`	`28`
`29`	`29`	`<link rel="icon" href="img/favicon.ico" />`
`30`	`30`
	`31`	`+ <style>`
	`32`	`+ .responsive-yt {`
	`33`	`+ overflow:hidden;`
	`34`	`+ padding-bottom:56.25%;`
	`35`	`+ position:relative;`
	`36`	`+ height:0;`
	`37`	`+ }`
	`38`	`+`
	`39`	`+ .responsive-yt iframe {`
	`40`	`+ left:0;`
	`41`	`+ top:0;`
	`42`	`+ height:100%;`
	`43`	`+ width:100%;`
	`44`	`+ position:absolute;`
	`45`	`+ }`
	`46`	`+ </style>`
	`47`	`+`
`31`	`48`	`<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->`
`32`	`49`	`<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->`
`33`	`50`	`<!--[if lt IE 9]>`

Lines changed: 0 additions & 2 deletions

Comments

(0)