{"id":305,"date":"2020-05-18T22:10:03","date_gmt":"2020-05-18T22:10:03","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=305"},"modified":"2021-03-31T10:03:56","modified_gmt":"2021-03-31T14:03:56","slug":"video-image-block","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-web-platform\/blocks\/video-image-block\/","title":{"rendered":"Video Image Block"},"content":{"rendered":"\n<p><strong>This block is only featured in the Premium Tier of the NC&#160;State Web Platform.<\/strong><\/p>\n\n\n\n<p>The Video Image block can be used to create a clean video embed on a WordPress site. In addition to embedding the video, the Video Image block allows for a customizable thumbnail that features a play button icon and a wider styling option. At this time the Video Image block only supports YouTube videos. When uploading video from a source like Vimeo, it is recommended to use a standard video embed<strong>.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Adding a Video Image block<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2252\" height=\"1236\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/video-image-setup.gif\" alt=\"\" class=\"wp-image-309\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Need Help?<\/h2>\n\n\n\n<p>Curious about the Video Image block? Feel free to reach out with any questions or concerns at<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\" target=\"_blank\" rel=\"noreferrer noopener\"> go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Video Image block can be used to create a clean video embed on a WordPress site. In addition to embedding the video, the Video Image block allows for a&hellip;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":178,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Creating clean YouTube embeds with a custom thumbnail\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/305"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":5,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":2170,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/305\/revisions\/2170"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/178"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}