From bb7c10144f8b6b954a72df1fa73dd941ff7cb3a0 Mon Sep 17 00:00:00 2001 From: Umme Habiba Qadri Date: Thu, 6 Oct 2022 22:35:33 +0530 Subject: [PATCH 1/2] Embed youtube example --- iframe/index.html | 24 ++++++++++++++++++++++++ index.html | 4 ++++ 2 files changed, 28 insertions(+) create mode 100644 iframe/index.html diff --git a/iframe/index.html b/iframe/index.html new file mode 100644 index 0000000..e22d409 --- /dev/null +++ b/iframe/index.html @@ -0,0 +1,24 @@ + + + + + + + HTML Tips and Tricks - Meter + + + + + + +
+ + home + +

Iframe Tag

+ +
+ + + \ No newline at end of file diff --git a/index.html b/index.html index 10251f9..7e16af6 100644 --- a/index.html +++ b/index.html @@ -87,6 +87,10 @@ Dialog - Display a Modal Dialog +
  • + + Iframe - Embed YouTube Videos +
    • From 9519215b6b6912137979a0fa981c256457437241 Mon Sep 17 00:00:00 2001 From: Umme Habiba Qadri Date: Mon, 17 Oct 2022 19:30:58 +0530 Subject: [PATCH 2/2] included class in main.css file --- iframe/index.html | 3 ++- main.css | 5 +++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/iframe/index.html b/iframe/index.html index e22d409..c0a072c 100644 --- a/iframe/index.html +++ b/iframe/index.html @@ -17,7 +17,8 @@

    Iframe Tag

    + width="560" height="315" frameborder="0" allowfullscreen + class="embed-youtube"> diff --git a/main.css b/main.css index 71d466c..dd07bb0 100644 --- a/main.css +++ b/main.css @@ -75,3 +75,8 @@ dialog::backdrop { ); backdrop-filter: blur(3px); } + + +.embed-youtube { + border: 1px solid #ffffff; +} \ No newline at end of file