{"id":201,"date":"2025-11-21T20:23:30","date_gmt":"2025-11-21T20:23:30","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/h_francois\/?p=201"},"modified":"2025-11-21T20:23:44","modified_gmt":"2025-11-21T20:23:44","slug":"11-7-2025","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/h_francois\/2025\/11\/21\/11-7-2025\/","title":{"rendered":"11\/14\/2025"},"content":{"rendered":"\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-838cd1cc wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"is-default-size wp-block-site-logo\"><a href=\"https:\/\/theroyalscode.com\/students\/h_francois\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"200\" src=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2023\/12\/cropped-F-removebg-preview.png\" class=\"custom-logo\" alt=\"Rookie Programmer\" srcset=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2023\/12\/cropped-F-removebg-preview.png 280w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2023\/12\/cropped-F-removebg-preview-158x113.png 158w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/a><\/div>\n\n<nav class=\"has-small-font-size items-justified-center wp-block-navigation is-content-justification-center is-layout-flex wp-container-core-navigation-is-layout-a89b3969 wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\"><ul class=\"wp-block-navigation__container has-small-font-size items-justified-center wp-block-navigation has-small-font-size\"><li class=\"has-small-font-size wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\"  href=\"https:\/\/theroyalscode.com\/students\/h_francois\/author\/hfrancois\/\"><span class=\"wp-block-navigation-item__label\">blog<\/span><\/a><\/li><\/ul><\/nav>\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color has-link-color has-small-font-size wp-elements-c04d1eb07621d3e55b93fd705b6e6bac\">\n\tDesigned with <a href=\"https:\/\/wordpress.org\" rel=\"nofollow\">WordPress<\/a>\t<\/p>\n<\/div>\n\n\n\n<p>This day i worked on a small project of building a video display on a website using iframe, refining on my html code will add images below<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe\n      width=\"560\"\n      height=\"315\"\n      src=\"https:\/\/www.youtube.com\/embed\/I0_951_MPE0\"\n      allow=\"accelerometer autoplay clipboard-write encrypted-media gyroscope web-share\"\n      referrerpolicy=\"strict-origin-when-cross-origin\"\n\n    >\n\n    &lt;\/iframe><\/code><\/pre>\n\n\n\n<p>exact attributes i used to get the right placement on the website.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n  &lt;head>\n    &lt;meta charset=\"UTF-8\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    &lt;title>Display Videos in an iframe&lt;\/title>\n  &lt;\/head>\n  &lt;body>\n    &lt;h1>iframe Video Display&lt;\/h1>\n    &lt;iframe\n      width=\"560\"\n      height=\"315\"\n      src=\"https:\/\/www.youtube.com\/embed\/I0_951_MPE0\"\n      allow=\"accelerometer autoplay clipboard-write encrypted-media gyroscope web-share\"\n      referrerpolicy=\"strict-origin-when-cross-origin\"\n\n    >\n\n    &lt;\/iframe><\/code><\/pre>\n\n\n\n<p>all of the code together<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"603\" src=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display.png\" alt=\"\" class=\"wp-image-202\" srcset=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display.png 954w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display-300x190.png 300w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display-768x485.png 768w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"521\" src=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display2.png\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display2.png 775w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display2-300x202.png 300w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2025\/11\/display2-768x516.png 768w\" sizes=\"auto, (max-width: 775px) 100vw, 775px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Designed with WordPress This day i worked on a small project of building a video display on a website using iframe, refining on my html code will add images below exact attributes i used to get the right placement on the website. all of the code together<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-201","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":2,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/201\/revisions"}],"predecessor-version":[{"id":205,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/201\/revisions\/205"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/categories?post=201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/tags?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}