File tree Expand file tree Collapse file tree 3 files changed +25
-0
lines changed
Expand file tree Collapse file tree 3 files changed +25
-0
lines changed Original file line number Diff line number Diff line change 1+ < iframe class ="embed-video twitch lazyload "
2+ src ="https://player.twitch.tv/?video={{ include.id }}&parent={{ site.url | split: '://' | last | remove: '/' }} "
3+ frameborder ="0 " allowfullscreen ="true "
4+ scrolling ="no "> </ iframe >
Original file line number Diff line number Diff line change 1+ < iframe class ="embed-video youtube lazyload "
2+ src ="https://www.youtube.com/embed/{{ include.id }} "
3+ title ="YouTube video player "
4+ frameborder ="0 "
5+ allow ="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture "
6+ allowfullscreen > </ iframe >
Original file line number Diff line number Diff line change @@ -576,6 +576,21 @@ i { /* fontawesome icons */
576576 }
577577}
578578
579+ .embed-video {
580+ width : 100% ;
581+ height : 100% ;
582+ border-radius : 4px ;
583+ margin-bottom : 1rem ;
584+
585+ & .youtube {
586+ aspect-ratio : 16 / 9 ;
587+ }
588+
589+ & .twitch {
590+ aspect-ratio : 310 / 189 ;
591+ }
592+ }
593+
579594/* --- buttons --- */
580595.btn-lang {
581596 border : 1px solid !important ;
You can’t perform that action at this time.
0 commit comments