{"id":325,"date":"2021-02-09T20:43:02","date_gmt":"2021-02-09T20:43:02","guid":{"rendered":"https:\/\/stable.visual-framework.dev\/wordpress\/?page_id=325"},"modified":"2022-08-04T10:39:24","modified_gmt":"2022-08-04T10:39:24","slug":"embed-block","status":"publish","type":"page","link":"https:\/\/stable.visual-framework.dev\/wordpress\/blocks\/embed-block\/","title":{"rendered":"Embed"},"content":{"rendered":"\n<div class=\"vf-grid | vf-grid__col-3\"><div class=\"vf-grid__col--span-2\"><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<p>Use this block to embed&nbsp;<strong>Youtube<\/strong>&nbsp;videos.<\/p>\n\n\n\n<ol><li>In WordPress editor click on a + icon to add a new block.<\/li><li>In the search field, start typing&nbsp;<em>embed<\/em>&nbsp;and select the block under&nbsp;<strong>EMBL \u2013 WordPress (local content)<\/strong>.<\/li><li>In the block settings on the right add embed URL to a youtube video.<\/li><\/ol>\n\n\n\n<div class=\"vf-box vf-box--normal vf-box-theme--quinary | vf-u-margin__bottom--400\">\n                            <p class=\"vf-box__text\">Incorrect URLs:<\/p>\n<p class=\"vf-box__text\"><del datetime=\"2020-08-18T11:47:27+00:00\">https:\/\/www.youtube.com\/watch?v=rw0Ng9ILTA0<\/del><\/p>\n<p class=\"vf-box__text\"><del datetime=\"2020-08-18T11:47:27+00:00\">https:\/\/youtu.be\/rw0Ng9ILTA0<\/del><\/p>\n<p class=\"vf-box__text\">Correct URL:<\/p>\n<p class=\"vf-box__text\">https:\/\/www.youtube.com\/embed\/rw0Ng9ILTA0<\/p>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>4. If needed, add caption text and change aspect ratio in the fields below.<\/p>\n\n\n\n<figure class=\"vf-figure wp-block-video\"><video style=\"max-width: 100%;\" controls src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/embed-youtube.mp4\"><\/video><\/figure>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-embed vf-embed--16x9 | vf-u-margin__bottom--400\"\n>\n<iframe src=\"https:\/\/www.youtube.com\/embed\/rw0Ng9ILTA0\" frameborder=\"0\" controls allowfullscreen><\/iframe><\/div>\n\n  \n<figcaption class=\"vf-figure__caption vf-u-margin__top--200\">Embed block example<\/figcaption>\n\n\n\n\n<div class=\"vf-links vf-links__list--has-image\">\n    <ul class=\"vf-links__list vf-list\">\n        <li class=\"vf-list__item\">\n              <a class=\"vf-list__link\" href=\"https:\/\/stable.visual-framework.dev\/components\/vf-embed\/\">\n          <img decoding=\"async\" width=\"85\" height=\"61\" src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/Screenshot-2021-02-09-at-22.18.00.png\" class=\"vf-list__image\" alt=\"\" loading=\"lazy\" itemprop=\"image\" \/>Learn more about this component        <\/a>\n          <\/li>\n      <\/ul>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":50,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-title-left-aligned.php","meta":{"_acf_changed":false,"footnotes":""},"embl_taxonomy":[],"acf":[],"embl_taxonomy_terms":[],"_links":{"self":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/325"}],"collection":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/comments?post=325"}],"version-history":[{"count":8,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/325\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/325\/revisions\/366"}],"up":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/50"}],"wp:attachment":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/media?parent=325"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/embl_taxonomy?post=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}