+2 -4

quartz/plugins/transformers/ofm.ts

reviewed

··· 616 616 // YouTube video (with optional playlist) 617 617 node.tagName = "iframe" 618 618 node.properties = { 619 619 - class: "external-embed", 619 619 + class: "external-embed youtube", 620 620 allow: "fullscreen", 621 621 frameborder: 0, 622 622 width: "600px", 623 623 - height: "350px", 624 623 src: playlistId 625 624 ? `https://www.youtube.com/embed/${videoId}?list=${playlistId}` 626 625 : `https://www.youtube.com/embed/${videoId}`, ··· 629 628 // YouTube playlist only. 630 629 node.tagName = "iframe" 631 630 node.properties = { 632 632 - class: "external-embed", 631 631 + class: "external-embed youtube", 633 632 allow: "fullscreen", 634 633 frameborder: 0, 635 634 width: "600px", 636 636 - height: "350px", 637 635 src: `https://www.youtube.com/embed/videoseries?list=${playlistId}`, 638 636 } 639 637 }

+7

quartz/styles/base.scss

reviewed

··· 541 541 overflow-x: auto; 542 542 overflow-y: hidden; 543 543 } 544 544 + 545 545 + .external-embed.youtube { 546 546 + aspect-ratio: 16 / 9; 547 547 + height: 100%; 548 548 + width: 100%; 549 549 + border-radius: 5px; 550 550 + }