{"id":5692,"date":"2026-09-20T20:26:06","date_gmt":"2026-09-20T20:26:06","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/video-box\/"},"modified":"2026-09-21T17:33:47","modified_gmt":"2026-09-21T17:33:47","slug":"video-box","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/video-box\/","title":{"rendered":"Video Box"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5692\" class=\"elementor elementor-5692\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12312b5 e-flex e-con-boxed e-con e-parent\" data-id=\"12312b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-05e8aee e-flex e-con-full e-con e-child\" data-id=\"05e8aee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c60efbd elementor-widget elementor-widget-html\" data-id=\"c60efbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 184 &middot; <code>emcp_custom_184<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Video Box<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">2 layouts<\/span><span class=\"chip\">20 content options<\/span><span class=\"chip\">23 style options<\/span><span class=\"chip\">5 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: video, youtube, vimeo, lightbox, play, poster.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d6d75f e-flex e-con-full e-con e-child\" data-id=\"8d6d75f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16db01a elementor-widget elementor-widget-html\" data-id=\"16db01a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Video Box<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Video<\/b>: Source, Video URL, Video File, Poster Image, Use YouTube Thumbnail When No Poster, Play Mode, Aspect Ratio, Autoplay (muted, hosted only) and 8 more.<\/li><li><b>Content &rsaquo; Play Button<\/b>: Style, Label, Icon, Zoom Poster on Hover.<\/li><li>Pick a <b>Play Mode<\/b>: Play in place, Open in lightbox. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Box, Play Button, Text &amp; Badge. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Conditional options: <code>Video URL<\/code> appears when <code>Source<\/code> is youtube or vimeo; <code>Video File<\/code> appears when <code>Source<\/code> is hosted; <code>Autoplay (muted, hosted only)<\/code> appears when <code>Source<\/code> is hosted.<\/div><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ff7698 e-flex e-con-full e-con e-child\" data-id=\"3ff7698\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44bb625 elementor-widget elementor-widget-html\" data-id=\"44bb625\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Play in place<\/h3><\/div><p class=\"demo-cap\">Play Mode = <code>inline<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ab9295 elementor-widget elementor-widget-emcp_custom_184\" data-id=\"8ab9295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_184.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-vb emcp-vb--youtube emcp-vb--inline emcp-vb--play-pulse emcp-vb--text-bottom-left hover-zoom auto-poster\" data-url=\"https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E\" data-file=\"\" data-autoplay=\"\" data-loop=\"\" data-muted=\"\" data-controls=\"yes\" data-start=\"0\"><div class=\"emcp-vb__frame\"><button type=\"button\" class=\"emcp-vb__poster\" aria-label=\"Play video\"><img decoding=\"async\" class=\"emcp-vb__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1507915135761-41a0a222c709.jpg\" alt=\"Watch the tour\" loading=\"lazy\"><span class=\"emcp-vb__overlay\"><\/span><span class=\"emcp-vb__badge\">2:35<\/span><span class=\"emcp-vb__play\"><span class=\"emcp-vb__play-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-play\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg><\/span><span class=\"emcp-vb__play-label\">Watch video<\/span><\/span><span class=\"emcp-vb__text\"><span class=\"emcp-vb__title\">Watch the tour<\/span><span class=\"emcp-vb__desc\">2 minutes<\/span><\/span><\/button><div class=\"emcp-vb__player\"><\/div><\/div><div class=\"emcp-vb__text emcp-vb__text--below\"><span class=\"emcp-vb__title\">Watch the tour<\/span><span class=\"emcp-vb__desc\">2 minutes<\/span><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4adf574 e-flex e-con-full e-con e-child\" data-id=\"4adf574\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10fc6dc elementor-widget elementor-widget-html\" data-id=\"10fc6dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Open in lightbox<\/h3><\/div><p class=\"demo-cap\">Play Mode = <code>lightbox<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bf9283 elementor-widget elementor-widget-emcp_custom_184\" data-id=\"4bf9283\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_184.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"emcp-vb emcp-vb--youtube emcp-vb--lightbox emcp-vb--play-label emcp-vb--text-below hover-zoom auto-poster\" data-url=\"https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E\" data-file=\"\" data-autoplay=\"\" data-loop=\"\" data-muted=\"\" data-controls=\"yes\" data-start=\"0\"><div class=\"emcp-vb__frame\"><button type=\"button\" class=\"emcp-vb__poster\" aria-label=\"Play video\"><img decoding=\"async\" class=\"emcp-vb__img\" src=\"http:\/\/marketplace.emcptools.com\/widgets\/wp-content\/uploads\/2026\/09\/photo-1565650839149-2c48a094196c.jpg\" alt=\"Opens in a lightbox\" loading=\"lazy\"><span class=\"emcp-vb__overlay\"><\/span><span class=\"emcp-vb__play\"><span class=\"emcp-vb__play-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-play\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg><\/span><span class=\"emcp-vb__play-label\">Watch video<\/span><\/span><span class=\"emcp-vb__text\"><span class=\"emcp-vb__title\">Opens in a lightbox<\/span><span class=\"emcp-vb__desc\">YouTube thumbnail used as poster<\/span><\/span><\/button><div class=\"emcp-vb__player\"><\/div><\/div><div class=\"emcp-vb__text emcp-vb__text--below\"><span class=\"emcp-vb__title\">Opens in a lightbox<\/span><span class=\"emcp-vb__desc\">YouTube thumbnail used as poster<\/span><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2b4382 e-flex e-con-full e-con e-child\" data-id=\"a2b4382\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3e1af9 elementor-widget elementor-widget-html\" data-id=\"e3e1af9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Video<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Source<\/b><br><code>source<\/code><\/td><td>Dropdown<\/td><td>YouTube, Vimeo, Self-hosted (MP4 \/ WebM)<\/td><td>youtube<\/td><td><\/td><\/tr><tr><td><b>Video URL<\/b><br><code>url<\/code><\/td><td>Text<\/td><td><\/td><td>https:\/\/www.youtube.com\/watch?v=XHOmB...<\/td><td>Shown when source = youtube or vimeo<\/td><\/tr><tr><td><b>Video File<\/b><br><code>file<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td>Shown when source = hosted<\/td><\/tr><tr><td><b>Poster Image<\/b><br><code>poster<\/code><\/td><td>Image<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Use YouTube Thumbnail When No Poster<\/b><br><code>auto_poster<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Play Mode<\/b><br><code>mode<\/code><\/td><td>Dropdown<\/td><td>Play in place, Open in lightbox<\/td><td>inline<\/td><td><\/td><\/tr><tr><td><b>Aspect Ratio<\/b><br><code>ratio<\/code><\/td><td>Dropdown<\/td><td>16:9, 4:3, 1:1, 9:16 (vertical), 21:9<\/td><td>16\/9<\/td><td><\/td><\/tr><tr><td><b>Autoplay (muted, hosted only)<\/b><br><code>autoplay<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td>Shown when source = hosted<\/td><\/tr><tr><td><b>Loop<\/b><br><code>loop<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Start Muted<\/b><br><code>muted<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Show Player Controls<\/b><br><code>controls<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Start At (seconds)<\/b><br><code>start<\/code><\/td><td>Number<\/td><td>min 0, max 36000<\/td><td>0<\/td><td><\/td><\/tr><tr><td><b>Overlay Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Overlay Text<\/b><br><code>desc<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Duration Badge<\/b><br><code>duration<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Overlay Text Position<\/b><br><code>text_pos<\/code><\/td><td>Dropdown<\/td><td>Bottom left, Bottom centre, Top left, Centre (under play), Below the video<\/td><td>bottom-left<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Play Button<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Style<\/b><br><code>play_style<\/code><\/td><td>Dropdown<\/td><td>Filled circle, Pulsing circle, Outlined circle, Rounded square, Frosted glass, Pill with label, Icon only<\/td><td>circle<\/td><td><\/td><\/tr><tr><td><b>Label<\/b><br><code>play_label<\/code><\/td><td>Text<\/td><td><\/td><td>Watch video<\/td><td><\/td><\/tr><tr><td><b>Icon<\/b><br><code>play_icon<\/code><\/td><td>Icon<\/td><td><\/td><td>fas fa-play<\/td><td><\/td><\/tr><tr><td><b>Zoom Poster on Hover<\/b><br><code>hover_zoom<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Box<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Radius<\/b><br><code>radius<\/code><\/td><td>Slider<\/td><td>min 0, max 80, px<\/td><td>16<\/td><td><\/td><\/tr><tr><td><b>Border<\/b><br><code>border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Shadow<\/b><br><code>shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Max Width<\/b><br><code>maxw<\/code><\/td><td>Slider<\/td><td>min 200, max 1600, px\/%<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Poster Overlay<\/b><br><code>overlay<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(16,24,40,0.25)<\/td><td><\/td><\/tr><tr><td><b>Poster Overlay on Hover<\/b><br><code>overlay_h<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(16,24,40,0.4)<\/td><td><\/td><\/tr><tr><td><b>Poster Filters<\/b><br><code>poster_filter<\/code><\/td><td>Css_filter<\/td><td><\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Play Button<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Size<\/b><br><code>play_size<\/code><\/td><td>Slider<\/td><td>min 32, max 200, px<\/td><td>76<\/td><td><\/td><\/tr><tr><td><b>Icon Size<\/b><br><code>play_icon_size<\/code><\/td><td>Slider<\/td><td>min 10, max 100, px<\/td><td>26<\/td><td><\/td><\/tr><tr><td><b>Icon Color<\/b><br><code>play_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Background<\/b><br><code>play_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Hover Icon Color<\/b><br><code>play_color_h<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Hover Background<\/b><br><code>play_bg_h<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Shadow<\/b><br><code>play_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Label Typography<\/b><br><code>label_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Text &amp; Badge<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Title Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Title Color<\/b><br><code>title_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Text Typography<\/b><br><code>desc_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Text Color<\/b><br><code>desc_color<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(255,255,255,0.85)<\/td><td><\/td><\/tr><tr><td><b>Text Padding<\/b><br><code>text_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Badge Color<\/b><br><code>badge_color<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Badge Background<\/b><br><code>badge_bg<\/code><\/td><td>Color<\/td><td><\/td><td>rgba(16,24,40,0.75)<\/td><td><\/td><\/tr><tr><td><b>Below-video Text Color<\/b><br><code>below_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_184\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>184<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 184 &middot; emcp_custom_184 Video Box Elementor widget2 layouts20 content options23 style options5 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: video, youtube, vimeo, lightbox, play, poster. Setup guide Open a page in Elementor, search the panel for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5692","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=5692"}],"version-history":[{"count":16,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5692\/revisions"}],"predecessor-version":[{"id":6257,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5692\/revisions\/6257"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}