{"id":1342,"date":"2024-03-26T12:54:01","date_gmt":"2024-03-26T12:54:01","guid":{"rendered":"http:\/\/www.contentbeta.com\/?page_id=1342"},"modified":"2025-09-17T12:27:05","modified_gmt":"2025-09-17T12:27:05","slug":"video-examples","status":"publish","type":"page","link":"https:\/\/www.contentbeta.com\/video-examples\/","title":{"rendered":"Video Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1342\" class=\"elementor elementor-1342\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-635c11d elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"88509\" data-id=\"635c11d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03eb6f7\" data-eae-slider=\"4837\" data-id=\"03eb6f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-a941dd9 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"68116\" data-id=\"a941dd9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ec90d08\" data-eae-slider=\"16741\" data-id=\"ec90d08\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1022e2a elementor-widget elementor-widget-heading\" data-id=\"1022e2a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Video Portfolio<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-865334f elementor-widget elementor-widget-text-editor\" data-id=\"865334f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Fast and Affordable marketing videos that educate, engage, and convert<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5aec635 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"3699\" data-id=\"5aec635\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43c5823\" data-eae-slider=\"18837\" data-id=\"43c5823\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f2443b8 elementor-widget elementor-widget-html\" data-id=\"f2443b8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"container\">\r\n    <div class=\"filters\">\r\n        <div class=\"filter-group\">\r\n            <div class=\"filtsg\">\r\n                <select id=\"stage-filter\">\r\n                    <option value=\"all\">All Use Cases<\/option>\r\n                    <option value=\"launch-product\">Launch Product <\/option>\r\n                    <option value=\"product-demo\">Product Demo<\/option>\r\n\t\t\t\t\t<option value=\"explain-complex-ideas\">Explain Complex Ideas<\/option>\r\n\t\t\t\t\t<option value=\"social-proof\">Show Social Proof<\/option>\r\n\t\t\t\t\t<option value=\"brand-awareness\">Build Brand Awareness<\/option>\r\n\t\t\t\t\t<option value=\"engage-audience\">Engage Audience<\/option>\r\n\t\t\t\t\t<option value=\"educate-users\">Educate Users<\/option>\r\n\t\t\t\t\t<option value=\"drive-conversions\">Drive Conversions<\/option>\r\n\t\t\t\t\t<option value=\"grab-attention\">Grab Attention<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div style=\"display:none;\" class=\"filter-group\">\r\n            <div class=\"filtsg\">\r\n                <select id=\"type-filter\">\r\n                    <option value=\"all\">All Types<\/option>\r\n                    <option value=\"hype\">Hype Video<\/option>\r\n                    <option value=\"product-demo\">Product Demo Video<\/option>\r\n                    <option value=\"explainer\">Explainer Video<\/option>\r\n                    <option value=\"case-study\">Case Study Video<\/option>\r\n                    <option value=\"brand\">Brand Video<\/option>\r\n\t\t\t\t\t<option value=\"3d-animation\">3D Animation<\/option>\r\n\t\t\t\t\t<option value=\"how-to\">How-to Video<\/option>\r\n\t\t\t\t\t<option value=\"social\">Social Video<\/option>\r\n\t\t\t\t\t<option value=\"video-ad\">Video Ad<\/option>\r\n\t\t\t\t\t<option value=\"event\">Event Video<\/option>\r\n\t\t\t\t\t<option value=\"ugc\">UGC Video<\/option>\r\n\t\t\t\t\t<option value=\"partner\">Partner Video<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div style=\"display:none;\" class=\"filter-group\">\r\n            <div class=\"filtsg\">\r\n                <select id=\"angle-filter\">\r\n                    <option value=\"all\">All Angles<\/option>\r\n                    <option value=\"benefits\">Benefits<\/option>\r\n                    <option value=\"pain-points\">Pain Points<\/option>\r\n                    <option value=\"product\">Product\/Features<\/option>\r\n                    <option value=\"competitors\">Competitors<\/option>\r\n                    <option value=\"content-promo\">Content Promo<\/option>\r\n                    <option value=\"use-cases\">Use Cases<\/option>\r\n                    <option value=\"memes\">Memes<\/option>\r\n                    <option value=\"case-study\">Case Study<\/option>\r\n                    <option value=\"testimonial\">Testimonial<\/option>\r\n                    <option value=\"ratings\">Ratings Awards<\/option>\r\n                    <option value=\"social-proof\">Social Proof<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!--<div class=\"filter-group\">-->\r\n        <!--    <button class=\"clear-filters\" id=\"clear-filters\">Clear Filters<\/button>-->\r\n        <!--<\/div>-->\r\n    <\/div>\r\n\r\n    <div class=\"gallery\" id=\"gallery\">\r\n\t\r\n\t\t<!-- Card 1 -->\r\n        <div class=\"card\" data-stage=\"launch-product\" data-type=\"hype\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/990170335?autoplay=1#t=03\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">KoreAI<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Launch Product<\/span>\r\n                    <span class=\"tag\">Hype<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/KoreAIVideo-Thumbnail1.webp\" alt=\"KoreAI\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 2 -->\r\n        <div class=\"card\" data-stage=\"product-demo\" data-type=\"product-demo\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/796616976?autoplay=1#t=3.6\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Recurly<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Product Demo<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Recurly-Video-Thumbnail.webp\" alt=\"Recurly\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 3 -->\r\n        <div class=\"card\" data-stage=\"explain-complex-ideas\" data-type=\"explainer\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1010917594?autoplay=1#t=44\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Drugbank<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Explain Complex Ideas<\/span>\r\n                    <span class=\"tag\">Explainer<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Drugbank-Video-Thumbnail.webp\" alt=\"Drugbank\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 4 -->\r\n        <div class=\"card\" data-stage=\"product-demo\" data-type=\"product-demo\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/524896940?autoplay=1#t=1\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Pipe<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Product Demo<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Pipe-Video-Thumbnail.webp\" alt=\"Pipe\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 5 -->\r\n        <div class=\"card\" data-stage=\"social-proof\" data-type=\"case-study\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/880108569?autoplay=1#t=26\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Panorays<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Social Proof<\/span>\r\n                    <span class=\"tag\">Case Study<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Panorays-Video-Thumbnail.webp\" alt=\"Panorays\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 6 -->\r\n        <div class=\"card\" data-stage=\"explain-complex-ideas\" data-type=\"explainer\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1024050217?autoplay=1#t=16\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Inven<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Explain Complex Ideas<\/span>\r\n                    <span class=\"tag\">Explainer<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Inven-Video-Thumbnail.webp\" alt=\"Inven\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Card 7 -->\r\n        <div class=\"card\" data-stage=\"brand-awareness\" data-type=\"brand\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1098791973?autoplay=1#t=20.3\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Abbyy<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Build Brand Awareness<\/span>\r\n                    <span class=\"tag\">Brand Video<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/08\/Abbyy-Video-Thumbnail1b.png\" alt=\"Abbyy\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 8 -->\r\n        <div class=\"card\" data-stage=\"engage-audience\" data-type=\"3d-animation\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1085934891?autoplay=1#t=23.5\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Xentegra<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Engage Audience<\/span>\r\n                    <span class=\"tag\">3D Animation<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Xentegra-Video-Thumbnail.webp\" alt=\"Xentegra\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 9 -->\r\n        <div class=\"card\" data-stage=\"educate-users\" data-type=\"how-to\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1058606559?autoplay=1#t=4.3\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Zignyl<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Educate Users<\/span>\r\n                    <span class=\"tag\">How-to<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Zignyl-Video-Thumbnail.webp\" alt=\"Zignyl\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 10 -->\r\n        <div class=\"card\" data-stage=\"brand-awareness\" data-type=\"social\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/900068122?autoplay=1#t=20.8\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">ServiceNow<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Brand Awareness<\/span>\r\n                    <span class=\"tag\">Social<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/ServiceNow-Video-Thumbnail.webp\" alt=\"ServiceNow\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 11 -->\r\n        <div class=\"card\" data-stage=\"drive-conversions\" data-type=\"video-ad\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1100226050?autoplay=1\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Cloudally<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Drive Conversions<\/span>\r\n                    <span class=\"tag\">Video-ad<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Cloudally-Video-Thumbnail.webp\" alt=\"Cloudally\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 12 -->\r\n        <div class=\"card\" data-stage=\"social-proof\" data-type=\"case-study\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/813695561?autoplay=1#t=83\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Koncert<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Social Proof<\/span>\r\n                    <span class=\"tag\">Case Study<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Koncert-Video-Thumbnail.webp\" alt=\"Koncert\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 13 -->\r\n        <div class=\"card\" data-stage=\"explain-complex-ideas\" data-type=\"explainer\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1080522900?autoplay=1#t=48.5\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Thales<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Explain Complex Ideas<\/span>\r\n                    <span class=\"tag\">Explainer<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Thales-Video-Thumbnail.webp\" alt=\"Thales\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 14 -->\r\n        <div class=\"card\" data-stage=\"launch-product\" data-type=\"hype\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/728417455?autoplay=1#t=8\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">SPP<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Launch Product<\/span>\r\n                    <span class=\"tag\">Hype<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/SPP-Video-Thumbnail.webp\" alt=\"SPP\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 15 -->\r\n        <div class=\"card\" data-stage=\"grab-attention\" data-type=\"event\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1043420165?autoplay=1#t=15\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Constructor<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Grab Attention<\/span>\r\n                    <span class=\"tag\">Event<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Constructor-Video-Thumbnail.webp\" alt=\"Constructor\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 16 -->\r\n        <div class=\"card\" data-stage=\"brand-awareness\" data-type=\"social\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1061336151?autoplay=1#t=172\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Grayscale<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Brand Awareness<\/span>\r\n                    <span class=\"tag\">Social<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Grayscale-Video-Thumbnail.webp\" alt=\"Grayscale\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 17 -->\r\n        <div class=\"card\" data-stage=\"drive-conversions\" data-type=\"video-ad\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1101766539?autoplay=1#t=0.5\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Content Beta<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Drive Conversions<\/span>\r\n                    <span class=\"tag\">Video Ad<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/content-beta-video-thumbnail-1.webp\" alt=\"Content Beta\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 18 -->\r\n        <div class=\"card\" data-stage=\"drive-conversions\" data-type=\"ugc\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/889926236?autoplay=1#t=3.5\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Foxit<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Drive Conversions<\/span>\r\n                    <span class=\"tag\">UGC Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Foxit-Video-Thumbnail.webp\" alt=\"Foxit\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 19 -->\r\n        <div class=\"card\" data-stage=\"educate-users\" data-type=\"how-to\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/766584786?autoplay=1#t=28.5\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Persado<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Educate Users<\/span>\r\n                    <span class=\"tag\">How-to Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Persado-Video-Thumbnail.webp\" alt=\"Persado\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 20 -->\r\n        <div class=\"card\" data-stage=\"brand-awareness\" data-type=\"brand\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1083919088?autoplay=1#t=46\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">LatentAI<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Build Brand Awareness<\/span>\r\n                    <span class=\"tag\">Brand Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/LatentAI-Video-Thumbnail.webp\" alt=\"LatentAI\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 21 -->\r\n        <div class=\"card\" data-stage=\"engage-audience\" data-type=\"3d-animation\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1053014022?autoplay=1\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Zigy<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Engage Audience<\/span>\r\n                    <span class=\"tag\">3D Animation<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Zigy-Video-Thumbnail.webp\" alt=\"Zigy\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 22 -->\r\n        <div class=\"card\" data-stage=\"product-demo\" data-type=\"partner\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1076397591?autoplay=1#t=9.75\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Kalviyo <\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Product Demo<\/span>\r\n                    <span class=\"tag\">Partner Video<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Klavio-Video-Thumbnail.webp\" alt=\"Klavio\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 23 -->\r\n        <div class=\"card\" data-stage=\"brand-awareness\" data-type=\"social\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/765793275?autoplay=1\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">NectarHR<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Build Brand Awareness<\/span>\r\n                    <span class=\"tag\">Social Video<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/NectarHR-Video-Thumbnail.webp\" alt=\"NectarHR\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 24 -->\r\n        <div class=\"card\" data-stage=\"launch-product\" data-type=\"hype\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1098528358?autoplay=1\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Syncore<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Launch Product<\/span>\r\n                    <span class=\"tag\">Hype Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Fascilisgroup-Video-Thumbnail.webp\" alt=\"Fascilisgroup\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\t\t\r\n        <!-- Card 25 -->\r\n        <div class=\"card\" data-stage=\"grab-attention\" data-type=\"event\"\r\n             data-popup-video=\"https:\/\/player.vimeo.com\/video\/1017552728?autoplay=1\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">eClinicalWorks<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Grab Attention<\/span>\r\n                    <span class=\"tag\">Event Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/eClinicalWorks-Video-Thumbnail.webp\" alt=\"eClinicalWorks\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Card 26 -->\r\n        <div class=\"card\" data-stage=\"drive-conversions\" data-type=\"ugc\"\r\n             data-popup-video=\"https:\/\/player.vimeo.com\/video\/889926312?autoplay=1#t=8\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Foxit<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Drive Conversions<\/span>\r\n                    <span class=\"tag\">UGC Video<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/08\/Foxit2-Video-Thumbnail.webp\" alt=\"Foxit\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n                \r\n        <!-- Card 27 -->\r\n        <div class=\"card\" data-stage=\"product-demo\" data-type=\"partner\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1083161589\/?autoplay=1#t=24.25\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Boomi<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Product Demo<\/span>\r\n                    <span class=\"tag\">Partner Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Boomi-Video-Thumbnail.webp\" alt=\"Boomi\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Card 28 -->\r\n        <div class=\"card\" data-stage=\"product-demo\" data-type=\"product-demo\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/992844817?autoplay=1#t=5\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">OpenText<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Product Demo<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/OpenText-Video-Thumbnail.webp\" alt=\"OpenText\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- Card 29 -->\r\n        <div class=\"card\" data-stage=\"brand-awareness\" data-type=\"brand\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1084601311?autoplay=1#t=24\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Figure 8<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Build Brand Awareness<\/span>\r\n                    <span class=\"tag\">Brand Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Figure-8-Video-Thumbnail.webp\" alt=\"Figure 8\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Card 30 -->\r\n        <div class=\"card\" data-stage=\"engage-audience\" data-type=\"3d-animation\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1082131189?autoplay=1\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Modovolo<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Engage Audience<\/span>\r\n                    <span class=\"tag\">3D Animation<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Modovolo-Video-Thumbnail.webp\" alt=\"Modovolo\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Card 31 -->\r\n        <div class=\"card\" data-stage=\"social-proof\" data-type=\"case-study\"\r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1045951339?autoplay=1#t=64.25\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Abbyy<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Show Social Proof<\/span>\r\n                    <span class=\"tag\">Case Study<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/08\/Abbyy-Video-Thumbnail2.webp\" alt=\"Abbyy\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Card 32 -->\r\n        <div class=\"card\" data-stage=\"drive-conversions\" data-type=\"ugc\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/917388291?autoplay=1#t=4\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Tailwind<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Drive Conversions<\/span>\r\n                    <span class=\"tag\">UGC Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Tailwind-Video-Thumbnail.webp\" alt=\"Tailwind\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Card 33 -->\r\n        <div class=\"card\" data-stage=\"brand-awareness\" data-type=\"social\"\r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/1100260469?autoplay=1#t=5.35\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">Content Beta<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Build Brand Awareness<\/span>\r\n                    <span class=\"tag\">Social Video<\/span>\r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/Content-Beta-Video-Thumbnail.webp\" alt=\"Content Beta\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n        \r\n\t\t<!-- Card 34 -->\r\n        <div class=\"card\" data-stage=\"educate-users\" data-type=\"how-to\" \r\n            data-popup-video=\"https:\/\/player.vimeo.com\/video\/461755675?autoplay=1#t=5\">\r\n            <div class=\"card-content\">\r\n                <span class=\"card-title\">TrueRev<\/span>\r\n                <div class=\"card-tags\">\r\n                    <span class=\"tag\">Educate Users<\/span>\r\n                    <span class=\"tag\">How-to Video<\/span>\r\n                    \r\n                <\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2025\/07\/TrueRev-Video-Thumbnail.webp\" alt=\"TrueRev\" class=\"card-img\">\r\n            <\/div>\r\n        <\/div>\r\n\t<\/div>\r\n<\/div>\r\n\r\n<!-- Modal Popup -->\r\n<div class=\"modal\" id=\"modal\" style=\"display: none;\">\r\n    <span class=\"close-modal\" id=\"close-modal\">&times;<\/span>\r\n    <div class=\"modal-content\">\r\n        <div class=\"video-container\">\r\n            <iframe id=\"modal-video\" src=\"\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\r\n        <\/div>\r\n        <a href=\"#\" class=\"modal-btn\" id=\"modal-button\">Give Content Beta a try <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n    .container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .filters {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-bottom: 30px;\r\n        padding: 20px;\r\n    }\r\n\r\n    .filter-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-width: 200px;\r\n    }\r\n    \r\n    .filtsg{\r\n        padding: 0 15px;\r\n        border-radius: 25px;\r\n        border: 1px solid #eaeaea;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .filter-group select {\r\n        background: transparent !important;\r\n        padding: 10px 0;\r\n        border: 0;\r\n    }\r\n    \r\n    .filter-group select:focus-visible{\r\n        border: 0 !important;\r\n    }\r\n    \r\n    .filter-group select:focus {\r\n        outline: none; \r\n    }\r\n\r\n    .filtsg:hover {\r\n        background: white;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .clear-filters {\r\n        padding: 10px 20px;\r\n        background: #f3f7ff;\r\n        color: #555;\r\n        border: none;\r\n        border-radius: 25px;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .clear-filters:hover {\r\n        background: #e0e9ff;\r\n        color: #333;\r\n    }\r\n\r\n    .gallery {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n        gap: 25px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .card {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n        backdrop-filter: blur(10px);\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    .card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\r\n        background: rgba(255, 255, 255, 0.15);\r\n    }\r\n\r\n    .card-img {\r\n        height: 200px;\r\n        width: 100%;\r\n        object-fit: cover;\r\n        border-radius: 8px !important;\r\n        border-bottom: 2px solid rgba(255,255,255,0.1);\r\n    }\r\n\r\n    .card-content {\r\n        padding: 20px;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .card-title {\r\n        font-family: 'Roboto', sans-serif;\r\n        color: #000;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        margin-bottom: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.1em;\r\n    }\r\n\r\n    .card-tags {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .tag {\r\n        color: rgb(136,136,136);\r\n        font-family: 'Roboto', Sans-Serif;\r\n        background: #f3f7ff;\r\n        padding: 5px 10px;\r\n        border-radius: 8px;\r\n        font-size: 13px;\r\n        font-weight: 300;\r\n    }\r\n\r\n    .load-more {\r\n        display: block;\r\n        margin: 30px auto;\r\n        padding: 5px 25px;\r\n        background: #C35DE3;\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 50px !important;\r\n        font-size: 17px !important;\r\n        font-weight: 400;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .load-more:hover {\r\n        background: rgba(255, 255, 255, 0.25);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .modal {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.9);\r\n        z-index: 1000;\r\n        overflow: auto;\r\n        padding: 30px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .modal-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        width: 800px;\r\n        padding: 25px;\r\n        background: rgba(30, 30, 50, 0.95);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\r\n        animation: modalAppear 0.4s ease-out;\r\n    }\r\n\r\n    @keyframes modalAppear {\r\n        from { opacity: 0; transform: translateY(50px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .modal-btn {\r\n        display: inline-block;\r\n        padding: 15px 30px;\r\n        background: #C35DE3;\r\n        color: #fff !important;\r\n        text-decoration: none !important;\r\n        border-radius: 7px;\r\n        font-weight: 500;\r\n        font-size: 20px;\r\n        text-align: center;\r\n        transition: all 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n        box-shadow: 0 5px 15px rgba(195, 93, 227, .3) !important;\r\n        align-self: center;\r\n    }\r\n\r\n    .modal-btn:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 8px 20px rgba(195, 93, 227, .5);\r\n    }\r\n\r\n    .video-container {\r\n        width: 100%;\r\n        position: relative;\r\n        padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n        height: 0;\r\n        overflow: hidden;\r\n        border-radius: 15px;\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .video-container iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    .close-modal {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 30px;\r\n        font-size: 2.5rem;\r\n        color: white;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        background: rgba(0,0,0,0.3);\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .close-modal:hover {\r\n        transform: rotate(90deg);\r\n        background: rgba(255,0,0,0.3);\r\n    }\r\n\r\n    .no-results {\r\n        grid-column: 1 \/ -1;\r\n        text-align: center;\r\n        padding: 50px;\r\n        font-size: 1.5rem;\r\n        background: rgba(255,255,255,0.1);\r\n        border-radius: 15px;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .modal-content {\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .gallery {\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .filters {\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        \r\n        .filter-group {\r\n            width: 100%;\r\n        }\r\n        \r\n        select {\r\n            width: 100%;\r\n        }\r\n        \r\n        .gallery {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        .modal-btn {\r\n            padding: 10px 25px;\r\n            font-size: 17px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ DOM elements\r\n    const gallery = document.getElementById('gallery');\r\n    const modal = document.getElementById('modal');\r\n    const closeModal = document.getElementById('close-modal');\r\n    \/\/ const modalTitle = document.getElementById('modal-title'); \/\/ Not used in current HTML\r\n    \/\/ const modalDescription = document.getElementById('modal-description'); \/\/ Not used in current HTML\r\n    const modalButton = document.getElementById('modal-button');\r\n    const modalVideo = document.getElementById('modal-video');\r\n    \/\/ Filter elements\r\n    const stageFilter = document.getElementById('stage-filter');\r\n    const typeFilter = document.getElementById('type-filter');\r\n    \/\/ const angleFilter = document.getElementById('angle-filter'); \/\/ Angle filter is hidden\r\n    \/\/ State variables\r\n    \/\/ let displayedCount = 12; \/\/ Not used if hideExtraCards\/loadMore are commented out\r\n    const cards = document.querySelectorAll('.card');\r\n\r\n    \/\/ Initialize the gallery\r\n    function initGallery() {\r\n        setupEventListeners();\r\n        \/\/ hideExtraCards(); \/\/ Function not defined in provided script, commenting out to prevent errors\r\n    }\r\n\r\n    \/\/ Apply filters\r\n    function applyFilters() {\r\n        const stageValue = stageFilter.value;\r\n        const typeValue = typeFilter.value;\r\n        \/\/ const angleValue = angleFilter.value; \/\/ Angle filter is hidden\r\n\r\n        cards.forEach(card => {\r\n            const stageMatch = stageValue === 'all' || card.dataset.stage === stageValue;\r\n            const typeMatch = typeValue === 'all' || card.dataset.type === typeValue;\r\n            \/\/ const angleMatch = angleValue === 'all' || card.dataset.angle === angleValue; \/\/ Angle filter is hidden\r\n\r\n            if (stageMatch && typeMatch \/* && angleMatch *\/) { \/\/ Adjust condition if angle filter is unused\r\n                card.style.display = 'flex';\r\n            } else {\r\n                card.style.display = 'none';\r\n            }\r\n        });\r\n        \/\/ hideExtraCards(); \/\/ Function not defined, commenting out\r\n    }\r\n\r\n    \/\/ Open modal with content details\r\n    function openModal(card) {\r\n        const videoUrl = card.dataset.popupVideo;\r\n        \/\/ Ensure the iframe src is set when opening the modal\r\n        modalVideo.src = videoUrl;\r\n        modalButton.href = \"https:\/\/www.contentbeta.com\/contact-us\/?utm_source=videoexample&utm_medium=givecbtry\";\r\n        modal.style.display = 'flex';\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    \/\/ Close modal - MODIFIED to stop video\r\n    function closeModalFunc() {\r\n        modal.style.display = 'none';\r\n        document.body.style.overflow = 'auto';\r\n\r\n        \/\/ Stop the video by clearing the src attribute of the iframe\r\n        \/\/ This prevents it from continuing to play\/audio in the background\r\n        modalVideo.src = \"\";\r\n        \/\/ Alternative: You could set it to about:blank\r\n        \/\/ modalVideo.src = \"about:blank\";\r\n    }\r\n\r\n    \/\/ Set up event listeners\r\n    function setupEventListeners() {\r\n        stageFilter.addEventListener('change', applyFilters);\r\n        typeFilter.addEventListener('change', applyFilters);\r\n        \/\/ angleFilter.addEventListener('change', applyFilters); \/\/ Angle filter is hidden\r\n        \/\/ loadMoreBtn.addEventListener('click', loadMore); \/\/ loadMoreBtn and loadMore function not defined\r\n        closeModal.addEventListener('click', closeModalFunc);\r\n\r\n        \/\/ Add click event to all cards\r\n        cards.forEach(card => {\r\n            card.addEventListener('click', () => openModal(card));\r\n        });\r\n\r\n        \/\/ Close modal when clicking outside content\r\n        window.addEventListener('click', (e) => {\r\n            if (e.target === modal) {\r\n                closeModalFunc();\r\n            }\r\n        });\r\n\r\n        \/\/ Optional: Close modal with Escape key\r\n        window.addEventListener('keydown', (e) => {\r\n             if (e.key === 'Escape' && modal.style.display === 'flex') {\r\n                 closeModalFunc();\r\n             }\r\n        });\r\n    }\r\n\r\n    \/\/ Initialize the gallery when page loads\r\n    window.addEventListener('DOMContentLoaded', initGallery);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Video Portfolio Fast and Affordable marketing videos that educate, engage, and convert All Use CasesLaunch Product Product DemoExplain Complex IdeasShow Social ProofBuild Brand AwarenessEngage AudienceEducate UsersDrive ConversionsGrab Attention All TypesHype VideoProduct Demo VideoExplainer VideoCase Study VideoBrand Video3D AnimationHow-to VideoSocial VideoVideo AdEvent VideoUGC VideoPartner Video All AnglesBenefitsPain PointsProduct\/FeaturesCompetitorsContent PromoUse CasesMemesCase StudyTestimonialRatings AwardsSocial Proof KoreAI Launch Product [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":22288,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1342","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Video Portfolio | Explainers, Product Demos &amp; Video Ads<\/title>\n<meta name=\"description\" content=\"See videos made for top SaaS &amp; AI brands\u2014demos, explainers, customer stories &amp; more. Built for clarity, speed &amp; conversion.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.contentbeta.com\/video-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Portfolio | Explainers, Product Demos &amp; Video Ads\" \/>\n<meta property=\"og:description\" content=\"See videos made for top SaaS &amp; AI brands\u2014demos, explainers, customer stories &amp; more. Built for clarity, speed &amp; conversion.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.contentbeta.com\/video-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Content Beta\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T12:27:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.contentbeta.com\/video-examples\/\",\"url\":\"https:\/\/www.contentbeta.com\/video-examples\/\",\"name\":\"Video Portfolio | Explainers, Product Demos & Video Ads\",\"isPartOf\":{\"@id\":\"https:\/\/www.contentbeta.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.contentbeta.com\/video-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.contentbeta.com\/video-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\",\"datePublished\":\"2024-03-26T12:54:01+00:00\",\"dateModified\":\"2025-09-17T12:27:05+00:00\",\"description\":\"See videos made for top SaaS & AI brands\u2014demos, explainers, customer stories & more. Built for clarity, speed & conversion.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.contentbeta.com\/video-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.contentbeta.com\/video-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.contentbeta.com\/video-examples\/#primaryimage\",\"url\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\",\"contentUrl\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.contentbeta.com\/video-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.contentbeta.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.contentbeta.com\/#website\",\"url\":\"https:\/\/www.contentbeta.com\/\",\"name\":\"Content Beta\",\"description\":\"Design &amp; Video Production Agency for B2B Tech\",\"publisher\":{\"@id\":\"https:\/\/www.contentbeta.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.contentbeta.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.contentbeta.com\/#organization\",\"name\":\"Content Beta\",\"url\":\"https:\/\/www.contentbeta.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg\",\"contentUrl\":\"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg\",\"width\":3165,\"height\":1042,\"caption\":\"Content Beta\"},\"image\":{\"@id\":\"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Video Portfolio | Explainers, Product Demos & Video Ads","description":"See videos made for top SaaS & AI brands\u2014demos, explainers, customer stories & more. Built for clarity, speed & conversion.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.contentbeta.com\/video-examples\/","og_locale":"en_US","og_type":"article","og_title":"Video Portfolio | Explainers, Product Demos & Video Ads","og_description":"See videos made for top SaaS & AI brands\u2014demos, explainers, customer stories & more. Built for clarity, speed & conversion.","og_url":"https:\/\/www.contentbeta.com\/video-examples\/","og_site_name":"Content Beta","article_modified_time":"2025-09-17T12:27:05+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.contentbeta.com\/video-examples\/","url":"https:\/\/www.contentbeta.com\/video-examples\/","name":"Video Portfolio | Explainers, Product Demos & Video Ads","isPartOf":{"@id":"https:\/\/www.contentbeta.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.contentbeta.com\/video-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.contentbeta.com\/video-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","datePublished":"2024-03-26T12:54:01+00:00","dateModified":"2025-09-17T12:27:05+00:00","description":"See videos made for top SaaS & AI brands\u2014demos, explainers, customer stories & more. Built for clarity, speed & conversion.","breadcrumb":{"@id":"https:\/\/www.contentbeta.com\/video-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.contentbeta.com\/video-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.contentbeta.com\/video-examples\/#primaryimage","url":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","contentUrl":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/09\/CB-furl-image.webp","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.contentbeta.com\/video-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.contentbeta.com\/"},{"@type":"ListItem","position":2,"name":"Video Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/www.contentbeta.com\/#website","url":"https:\/\/www.contentbeta.com\/","name":"Content Beta","description":"Design &amp; Video Production Agency for B2B Tech","publisher":{"@id":"https:\/\/www.contentbeta.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.contentbeta.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.contentbeta.com\/#organization","name":"Content Beta","url":"https:\/\/www.contentbeta.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg","contentUrl":"https:\/\/www.contentbeta.com\/wp-content\/uploads\/2024\/03\/Contentbeta-new-logos.svg","width":3165,"height":1042,"caption":"Content Beta"},"image":{"@id":"https:\/\/www.contentbeta.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages\/1342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/comments?post=1342"}],"version-history":[{"count":32,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages\/1342\/revisions"}],"predecessor-version":[{"id":41886,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/pages\/1342\/revisions\/41886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/media\/22288"}],"wp:attachment":[{"href":"https:\/\/www.contentbeta.com\/wp-json\/wp\/v2\/media?parent=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}