{"id":3019,"date":"2022-08-07T02:55:22","date_gmt":"2022-08-07T02:55:22","guid":{"rendered":"https:\/\/academy.bricksbuilder.io\/?post_type=bricks_article&#038;p=3019"},"modified":"2023-02-27T16:51:59","modified_gmt":"2023-02-27T16:51:59","slug":"video-element","status":"publish","type":"bricks_article","link":"https:\/\/academy.bricksbuilder.io\/article\/video-element\/","title":{"rendered":"Video element"},"content":{"rendered":"\n<p>The Video element in Bricks enables you to display responsive videos from several sources.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" data-lightbox=\"true\"  src=\"https:\/\/academy.bricksbuilder.io\/wp-content\/uploads\/2022\/08\/bricks-video-element.png\" alt=\"\" class=\"wp-image-3020\" width=\"302\" height=\"500\" srcset=\"https:\/\/academy.bricksbuilder.io\/wp-content\/uploads\/2022\/08\/bricks-video-element.png 604w, https:\/\/academy.bricksbuilder.io\/wp-content\/uploads\/2022\/08\/bricks-video-element-181x300.png 181w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/figure><\/div>\n\n\n<p>Source dropdown options:<\/p>\n\n\n\n<ul>\n<li>YouTube<\/li>\n\n\n\n<li>Vimeo<\/li>\n\n\n\n<li>Media<\/li>\n\n\n\n<li>File URL<\/li>\n\n\n\n<li>Dynamic Data<\/li>\n<\/ul>\n\n\n\n<p><strong>NOTE<\/strong>: Enabling the &#8220;YouTube Preview Thumbnails&#8221; setting of the Perfmatters plugin might result in an empty space above the YouTube videos. A possible fix is adding the following CSS:<\/p>\n\n\n\n<pre class=\"wp-block-code prettyprint\"><code>.brxe-video .perfmatters-lazy-youtube {\n    margin-top: -56.25%;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The Video element in Bricks enables you to display responsive videos from several sources. Source dropdown options: NOTE: Enabling the &#8220;YouTube Preview Thumbnails&#8221; setting of the Perfmatters plugin might result in an empty space above the YouTube videos. A possible fix is adding the following CSS:<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":65,"template":"","format":"standard","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/3019"}],"collection":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article"}],"about":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/types\/bricks_article"}],"author":[{"embeddable":true,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/users\/1"}],"version-history":[{"count":7,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/3019\/revisions"}],"predecessor-version":[{"id":3912,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/3019\/revisions\/3912"}],"wp:attachment":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/media?parent=3019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}