{"id":2714,"date":"2023-05-28T00:44:03","date_gmt":"2023-05-28T00:44:03","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/interactive-components-video\/"},"modified":"2026-07-17T22:46:11","modified_gmt":"2026-07-17T22:46:11","slug":"interactive-components-video","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/interactive-components-video\/","title":{"rendered":"Interactive Components: Video"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the Video interactive element to place a hosted video inline or as a supported background.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Current interface<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3471-current-video-tool.png\" alt=\"Current Creative Studio Video interactive tool\"\/><figcaption class=\"wp-element-caption\">Drag Video from the Interactive elements palette.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3471-current-video-settings.png\" alt=\"Current Creative Studio Video source and placement settings\"\/><figcaption class=\"wp-element-caption\">Choose the source, placement, and playback settings for the selected Video element.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add and configure a video<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Drag <strong>Video<\/strong> from Add elements &gt; Interactive into a container.<\/li><li>Choose a source: YouTube, Vimeo, Ooyala, Brightcove (legacy), Brightcove, or HTML5 Video.<\/li><li>Choose Inline, Container Background, or Page Background placement.<\/li><li>Enter the source-specific ID or URL and configure the available controls, autoplay, loop, sizing, and accessibility options.<\/li><li>Preview on desktop and mobile. Browser policies commonly prevent audible autoplay, and background behavior can vary by device.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ion does not upload third-party streaming video into the console. For HTML5 Video, use publicly reachable HTTPS media URLs and provide accessible fallback text or captions as appropriate.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the Video interactive element to place a hosted video inline or as a supported background. Current interface Add and configure a video Drag Video from Add elements &gt; Interactive into a container. Choose [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5628,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[9,1060],"tags":[2268],"class_list":["post-2714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-interactive-components","category-video-component","tag-video"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2714"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2714\/revisions"}],"predecessor-version":[{"id":9614,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2714\/revisions\/9614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5628"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}