{"id":1462,"date":"2019-06-13T04:43:46","date_gmt":"2019-06-13T04:43:46","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?page_id=1462"},"modified":"2022-08-01T23:15:17","modified_gmt":"2022-08-02T05:15:17","slug":"video-popup-block","status":"publish","type":"page","link":"https:\/\/www.kadencewp.com\/kadence-blocks\/pro-past\/video-popup-block\/","title":{"rendered":"Video Popup Block"},"content":{"rendered":"\n<p>Beautifully display a thumbnail with overlay and hover effects that link to a video popup on click. Works with local or external videos!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"kt-adv-heading_3302a0-f3\">Examples:<\/h2>\n\n\n<style>#kt-layout-id_0cba00-16 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_0cba00-16 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_0cba00-16 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-bottom:62px;}#kt-layout-id_0cba00-16 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}#kt-layout-id_0cba00-16 > .kt-row-column-wrap{grid-template-columns:repeat(3, minmax(0, 1fr));}#kt-layout-id_0cba00-16 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_0cba00-16 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}}@media all and (max-width: 1024px){#kt-layout-id_0cba00-16 > .kt-row-column-wrap{grid-template-columns:repeat(3, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_0cba00-16 > .kt-row-column-wrap > div:not(.added-for-specificity){grid-column:initial;}#kt-layout-id_0cba00-16 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_0cba00-16\" class=\"kt-row-layout-inner kt-layout-id_0cba00-16\"><div class=\"kt-row-column-wrap kt-has-3-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_4d839f-86 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_4d839f-86 > .kt-inside-inner-col,.kadence-column_4d839f-86 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_4d839f-86 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_4d839f-86 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_4d839f-86 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_4d839f-86 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_4d839f-86{position:relative;}@media all and (max-width: 1024px){.kadence-column_4d839f-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_4d839f-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_4d839f-86\"><div class=\"kt-inside-inner-col\"><style>.kadence-video-popup_074b50-2f .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}.kadence-video-popup_074b50-2f .kadence-video-popup-wrap .kt-video-svg-icon{color:#ffffff;}.kadence-video-popup_074b50-2f .kadence-video-popup-wrap .kt-video-svg-icon > svg{stroke-width:2;}.kadence-video-popup_074b50-2f .kadence-video-popup-wrap .kadence-video-overlay{opacity:0.3;;mix-blend-mode:none;;background:#000000;;}.kadence-video-popup_074b50-2f .kadence-video-popup-wrap:hover .kadence-video-overlay{opacity:0.5;;}.glightbox-kadence-dark.kadence-popup-_074b50-2f .goverlay{background:#000000;opacity:0.8;}.glightbox-container.kadence-popup-_074b50-2f .gclose path, .glightbox-container.kadence-popup-_074b50-2f .gnext path, .glightbox-container.kadence-popup-_074b50-2f .gprev path{fill:#ffffff;}.glightbox-container.kadence-popup-_074b50-2f .gslide-video, .glightbox-container.kadence-popup-_074b50-2f .gvideo-local{max-width:900px !important;}@media all and (max-width: 1024px){.kadence-video-popup_074b50-2f .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kadence-video-popup_074b50-2f .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"wp-block-kadence-videopopup kadence-video-popup_074b50-2f\"><div class=\"kadence-video-popup-wrap kadence-video-noshadow\"><div class=\"kadence-video-intrinsic \"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_01__1560402341_72.174.141.80.jpg\" alt=\"\" width=\"1200\" height=\"670\" class=\"kadence-video-poster wp-image-1483\" srcset=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_01__1560402341_72.174.141.80.jpg 1200w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_01__1560402341_72.174.141.80-300x168.jpg 300w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_01__1560402341_72.174.141.80-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_01__1560402341_72.174.141.80-768x429.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><div class=\"kadence-video-overlay\"><\/div><a href=\"https:\/\/www.youtube.com\/watch?v=MRzeLDkWT1c\" role=\"button\" data-popup-class=\"kadence-popup-_074b50-2f\" data-effect=\"none\" class=\"kadence-video-popup-link kadence-video-type-external\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-video-svg-icon kt-video-svg-icon-style-default kt-video-svg-icon-fe_play kt-video-play-animation-none kt-video-svg-icon-size-auto\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"30\" width=\"30\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><title>Play<\/title><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg><\/div><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_8404e8-af > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_8404e8-af > .kt-inside-inner-col,.kadence-column_8404e8-af > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_8404e8-af > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_8404e8-af > .kt-inside-inner-col{flex-direction:column;}.kadence-column_8404e8-af > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_8404e8-af > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_8404e8-af{position:relative;}@media all and (max-width: 1024px){.kadence-column_8404e8-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_8404e8-af > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_8404e8-af\"><div class=\"kt-inside-inner-col\"><style>.kadence-video-popup_278750-9c .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}.kadence-video-popup_278750-9c .kadence-video-popup-wrap .kt-video-svg-icon{color:#ffffff;}.kadence-video-popup_278750-9c .kadence-video-popup-wrap .kt-video-svg-icon{font-size:30px;}.kadence-video-popup_278750-9c .kadence-video-popup-wrap .kt-video-svg-icon > svg{stroke-width:2;}.kadence-video-popup_278750-9c .kadence-video-popup-wrap .kt-video-svg-icon.kt-video-svg-icon-style-stacked{background:rgba(0, 0, 0, 0.3);padding:35px;}.kadence-video-popup_278750-9c .kadence-video-popup-wrap .kadence-video-overlay{opacity:0.5;;mix-blend-mode:none;;background:linear-gradient(360deg, #e52424 0%, #3fe524 100%);}.kadence-video-popup_278750-9c .kadence-video-popup-wrap:hover .kadence-video-overlay{opacity:0.8;;}.glightbox-kadence-dark.kadence-popup-_278750-9c .goverlay{background:#000000;opacity:0.8;}.glightbox-container.kadence-popup-_278750-9c .gclose path, .glightbox-container.kadence-popup-_278750-9c .gnext path, .glightbox-container.kadence-popup-_278750-9c .gprev path{fill:#ffffff;}.glightbox-container.kadence-popup-_278750-9c .gslide-video, .glightbox-container.kadence-popup-_278750-9c .gvideo-local{max-width:900px !important;}@media all and (max-width: 1024px){.kadence-video-popup_278750-9c .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kadence-video-popup_278750-9c .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"wp-block-kadence-videopopup kadence-video-popup_278750-9c\"><div class=\"kadence-video-popup-wrap kadence-video-noshadow\"><div class=\"kadence-video-intrinsic \"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_02__1560402368_72.174.141.80.jpg\" alt=\"\" width=\"1200\" height=\"670\" class=\"kadence-video-poster wp-image-1482\" srcset=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_02__1560402368_72.174.141.80.jpg 1200w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_02__1560402368_72.174.141.80-300x168.jpg 300w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_02__1560402368_72.174.141.80-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_02__1560402368_72.174.141.80-768x429.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><div class=\"kadence-video-overlay\"><\/div><a href=\"https:\/\/www.youtube.com\/watch?v=nJX4llWUVfQ\" role=\"button\" data-popup-class=\"kadence-popup-_278750-9c\" data-effect=\"none\" class=\"kadence-video-popup-link kadence-video-type-external\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-video-svg-icon kt-video-svg-icon-style-stacked kt-video-svg-icon-fas_play kt-video-play-animation-none kt-video-svg-icon-size-30\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 448 512\" height=\"30\" width=\"30\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><title>Play<\/title><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><\/div><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column_08d1ab-34 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_08d1ab-34 > .kt-inside-inner-col,.kadence-column_08d1ab-34 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_08d1ab-34 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_08d1ab-34 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_08d1ab-34 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_08d1ab-34 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_08d1ab-34{position:relative;}@media all and (max-width: 1024px){.kadence-column_08d1ab-34 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_08d1ab-34 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-3 kadence-column_08d1ab-34\"><div class=\"kt-inside-inner-col\"><style>.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap .kt-video-svg-icon{color:#ffffff;}.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap .kt-video-svg-icon{font-size:60px;}.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap .kt-video-svg-icon > svg{stroke-width:2;}.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap .kadence-video-overlay{opacity:0.5;;background:linear-gradient(90deg, #22b0e5 0%, #e524a9 100%);}.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap:hover .kadence-video-overlay{opacity:0.8;;}.glightbox-kadence-dark.kadence-popup-_dc9854-3e .goverlay{background:#000000;opacity:0.8;}.glightbox-container.kadence-popup-_dc9854-3e .gclose path, .glightbox-container.kadence-popup-_dc9854-3e .gnext path, .glightbox-container.kadence-popup-_dc9854-3e .gprev path{fill:#ffffff;}.glightbox-container.kadence-popup-_dc9854-3e .gslide-video, .glightbox-container.kadence-popup-_dc9854-3e .gvideo-local{max-width:900px !important;}@media all and (max-width: 1024px){.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kadence-video-popup_dc9854-3e .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"wp-block-kadence-videopopup kadence-video-popup_dc9854-3e\"><div class=\"kadence-video-popup-wrap kadence-video-noshadow\"><div class=\"kadence-video-intrinsic \"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_03__1560402382_72.174.141.80.jpg\" alt=\"\" width=\"1200\" height=\"666\" class=\"kadence-video-poster wp-image-1481\" srcset=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_03__1560402382_72.174.141.80.jpg 1200w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_03__1560402382_72.174.141.80-300x167.jpg 300w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_03__1560402382_72.174.141.80-1024x568.jpg 1024w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_screenshot_03__1560402382_72.174.141.80-768x426.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><div class=\"kadence-video-overlay\"><\/div><a href=\"https:\/\/www.youtube.com\/watch?v=bqHNxfarW6E\" role=\"button\" data-popup-class=\"kadence-popup-_dc9854-3e\" data-effect=\"none\" class=\"kadence-video-popup-link kadence-video-type-external\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-video-svg-icon kt-video-svg-icon-style-default kt-video-svg-icon-fe_playCircle kt-video-play-animation-none kt-video-svg-icon-size-60\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 24 24\" height=\"60\" width=\"60\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><title>Play<\/title><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polygon points=\"10 8 16 12 10 16 10 8\"><\/polygon><\/svg><\/div><\/a><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Local Video Example:<\/h3>\n\n\n<style>.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap{box-shadow:4px 2px 14px 0px rgba(0, 0, 0, 0.2);border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);border-top-left-radius:48px;border-top-right-radius:10px;border-bottom-right-radius:48px;border-bottom-left-radius:10px;}.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap:hover{box-shadow:4px 2px 14px 0px rgba(0, 0, 0, 0.2);}.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap .kt-video-svg-icon{color:rgba(255, 255, 255, 0.53);}.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap .kt-video-svg-icon{font-size:140px;}.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap .kt-video-svg-icon > svg{stroke-width:2;}.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap .kadence-video-overlay{opacity:0.3;;mix-blend-mode:none;;background:#22b0e5;;}.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap:hover .kadence-video-overlay{opacity:0.5;;}.glightbox-kadence-dark.kadence-popup-_5d2111-15 .goverlay{background:#000000;opacity:0.8;}.glightbox-container.kadence-popup-_5d2111-15 .gclose path, .glightbox-container.kadence-popup-_5d2111-15 .gnext path, .glightbox-container.kadence-popup-_5d2111-15 .gprev path{fill:#ffffff;}.glightbox-container.kadence-popup-_5d2111-15 .gslide-video, .glightbox-container.kadence-popup-_5d2111-15 .gvideo-local{max-width:900px !important;}@media all and (max-width: 1024px){.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}@media all and (max-width: 767px){.kadence-video-popup_5d2111-15 .kadence-video-popup-wrap{border-top:2px solid rgba(255,255,255,0.8);border-right:2px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.8);border-left:2px solid rgba(255,255,255,0.8);}}<\/style>\n<div class=\"wp-block-kadence-videopopup kadence-video-popup_5d2111-15\"><div class=\"kadence-video-popup-wrap kadence-video-shadow\"><div class=\"kadence-video-intrinsic \"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_portfolio_placeholder.jpg\" alt=\"\" width=\"1280\" height=\"720\" class=\"kadence-video-poster wp-image-1471\" srcset=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_portfolio_placeholder.jpg 1280w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_portfolio_placeholder-300x169.jpg 300w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_portfolio_placeholder-1024x576.jpg 1024w, https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_portfolio_placeholder-768x432.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><div class=\"kadence-video-overlay\"><\/div><button class=\"kadence-video-popup-link kadence-video-type-local\" data-popup-class=\"kadence-popup-_5d2111-15\" data-effect=\"none\" data-popup-id=\"kadence-local-video-_5d2111-15\" data-popup-auto=\"true\"><div style=\"display:inline-flex;justify-content:center;align-items:center\" class=\"kt-video-svg-icon kt-video-svg-icon-style-default kt-video-svg-icon-fas_play-circle kt-video-play-animation-none kt-video-svg-icon-size-140\"><svg style=\"display:inline-block;vertical-align:middle\" viewBox=\"0 0 512 512\" height=\"140\" width=\"140\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><title>Play<\/title><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z\"><\/path><\/svg><\/div><\/button><\/div><\/div><div id=\"kadence-local-video-_5d2111-15\" class=\"mfp-hide mfp-with-anim kadence-local-video-popup-wrap\"><video class=\"kadence-local-video-popup\" controls preload=\"metadata\" src=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/06\/video_portfolio.mp4\"><\/video><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Beautifully display a thumbnail with overlay and hover effects that link to a video popup on click. Works with local or external videos! Examples: Local Video Example:<\/p>\n","protected":false},"author":1265,"featured_media":0,"parent":2342,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"enable","_kad_post_title":"show","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1462","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/kadence-blocks\/author\/britner\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/1462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/comments?post=1462"}],"version-history":[{"count":4,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/1462\/revisions"}],"predecessor-version":[{"id":3574,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/1462\/revisions\/3574"}],"up":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/2342"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/media?parent=1462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}