{"id":8438,"date":"2014-08-22T14:02:11","date_gmt":"2014-08-22T14:02:11","guid":{"rendered":"https:\/\/demo.exptheme.com\/craftsmen\/?page_id=8438"},"modified":"2014-08-22T14:02:11","modified_gmt":"2014-08-22T14:02:11","slug":"video-parallax-backgrounds","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/craftsmen\/video-parallax-backgrounds\/","title":{"rendered":"Video Parallax Backgrounds"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1416304783846{padding-top: 20px !important;padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/1&#8243; column_align=&#8221;center&#8221; text_align=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>Carefully created to use on any design or theme<\/h3>\n<p>You can create video and image parallax backgrounds on any style and on any theme.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1416921230458{padding-top: 180px !important;padding-bottom: 180px !important;}&#8221; type=&#8221;ww-custom&#8221; full_width=&#8221;false&#8221; enable_parallax=&#8221;false&#8221; parallax_speed=&#8221;0.7&#8243; bg_video_transparent=&#8221;0&#8243; bg_video_src_webm=&#8221;http:\/\/www.red-ferndevelopment.co.uk\/drinkingcoffee-wide.webm&#8221; loop=&#8221;1&#8243; autoplay=&#8221;1&#8243; font_color=&#8221;#ffffff&#8221; row_head_color=&#8221;#ffffff&#8221; row_link_color=&#8221;#ffffff&#8221; row_link_color_hover=&#8221;#ffffff&#8221; bg_video_src_mp4=&#8221;http:\/\/www.red-ferndevelopment.co.uk\/drinkingcoffee-wide.mp4&#8243;][vc_column width=&#8221;1\/3&#8243;]<div id=\"cshero-fancybox6a04ca5b6c75c_1778698843\" class=\"cshero-fancybox-wrap  clearfix fancybox-layout1  text-center \" style=\"border-color: transparent;   \">\n    <style type=\"text\/css\" scoped>\n        #cshero-fancybox6a04ca5b6c75c_1778698843.fancybox-layout1:hover .fancy-icon {\n            background-color:#222222 !important;\n            border-color:#222222 !important;\n            color: !important;\n        }\n\n        #cshero-fancybox6a04ca5b6c75c_1778698843.fancybox-layout1 .fancy-icon.icon-hover-style-1:after{\n    \t\t-webkit-border-radius:5px;\n    \t\t-moz-border-radius:5px;\n    \t\t-ms-border-radius:5px;\n    \t\t-o-border-radius:5px;\n    \t\tborder-radius:5px;\n    \t\tbackground-color:#222222;\n    \t\tborder-width:2px;\n    \t\tborder-style:solid;\n    \t\tborder-color:#222222;\n\t   }\n        \n        \n        \n                     #cshero-fancybox6a04ca5b6c75c_1778698843 [class^=\"flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6c75c_1778698843 [class*=\" flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6c75c_1778698843 [class^=\"flaticon-\"]:after, \n       #cshero-fancybox6a04ca5b6c75c_1778698843 [class*=\" flaticon-\"]:after {\n            font-size: 20px;\n            color: ;\n        }\n        #cshero-fancybox6a04ca5b6c75c_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6c75c_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6c75c_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:after,\n        #cshero-fancybox6a04ca5b6c75c_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:after{\n            color: ;\n        }\n\t<\/style>\n    <div class=\"cshero-fancybox-title-image\">\n                                            <h4 class=\"cshero-fancybox-title-wrap\" style=\"  text-transform: inherit;\">\n                <span class=\"cshero-title-main\">Video Content<\/span>\n            <\/h4>\n                    <\/div>\n            <div class=\"cshero-fancybox-content\">\n                            <div class=\"content\">\n                    Display your content and videos with our stunning video and image parallax function.                <\/div>\n                        \n                    <\/div>\n    <\/div>\n[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div id=\"cshero-fancybox6a04ca5b6cbe8_1778698843\" class=\"cshero-fancybox-wrap  clearfix fancybox-layout1  text-center \" style=\"border-color: transparent;   \">\n    <style type=\"text\/css\" scoped>\n        #cshero-fancybox6a04ca5b6cbe8_1778698843.fancybox-layout1:hover .fancy-icon {\n            background-color:#222222 !important;\n            border-color:#222222 !important;\n            color: !important;\n        }\n\n        #cshero-fancybox6a04ca5b6cbe8_1778698843.fancybox-layout1 .fancy-icon.icon-hover-style-1:after{\n    \t\t-webkit-border-radius:5px;\n    \t\t-moz-border-radius:5px;\n    \t\t-ms-border-radius:5px;\n    \t\t-o-border-radius:5px;\n    \t\tborder-radius:5px;\n    \t\tbackground-color:#222222;\n    \t\tborder-width:2px;\n    \t\tborder-style:solid;\n    \t\tborder-color:#222222;\n\t   }\n        \n        \n        \n                     #cshero-fancybox6a04ca5b6cbe8_1778698843 [class^=\"flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6cbe8_1778698843 [class*=\" flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6cbe8_1778698843 [class^=\"flaticon-\"]:after, \n       #cshero-fancybox6a04ca5b6cbe8_1778698843 [class*=\" flaticon-\"]:after {\n            font-size: 20px;\n            color: ;\n        }\n        #cshero-fancybox6a04ca5b6cbe8_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6cbe8_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6cbe8_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:after,\n        #cshero-fancybox6a04ca5b6cbe8_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:after{\n            color: ;\n        }\n\t<\/style>\n    <div class=\"cshero-fancybox-title-image\">\n                                            <h4 class=\"cshero-fancybox-title-wrap\" style=\"  text-transform: inherit;\">\n                <span class=\"cshero-title-main\">Video Content<\/span>\n            <\/h4>\n                    <\/div>\n            <div class=\"cshero-fancybox-content\">\n                            <div class=\"content\">\n                    Display your content and videos with our stunning video and image parallax function.                <\/div>\n                        \n                    <\/div>\n    <\/div>\n[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div id=\"cshero-fancybox6a04ca5b6cd31_1778698843\" class=\"cshero-fancybox-wrap  clearfix fancybox-layout1  text-center \" style=\"border-color: transparent;   \">\n    <style type=\"text\/css\" scoped>\n        #cshero-fancybox6a04ca5b6cd31_1778698843.fancybox-layout1:hover .fancy-icon {\n            background-color:#222222 !important;\n            border-color:#222222 !important;\n            color: !important;\n        }\n\n        #cshero-fancybox6a04ca5b6cd31_1778698843.fancybox-layout1 .fancy-icon.icon-hover-style-1:after{\n    \t\t-webkit-border-radius:5px;\n    \t\t-moz-border-radius:5px;\n    \t\t-ms-border-radius:5px;\n    \t\t-o-border-radius:5px;\n    \t\tborder-radius:5px;\n    \t\tbackground-color:#222222;\n    \t\tborder-width:2px;\n    \t\tborder-style:solid;\n    \t\tborder-color:#222222;\n\t   }\n        \n        \n        \n                     #cshero-fancybox6a04ca5b6cd31_1778698843 [class^=\"flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6cd31_1778698843 [class*=\" flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6cd31_1778698843 [class^=\"flaticon-\"]:after, \n       #cshero-fancybox6a04ca5b6cd31_1778698843 [class*=\" flaticon-\"]:after {\n            font-size: 20px;\n            color: ;\n        }\n        #cshero-fancybox6a04ca5b6cd31_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6cd31_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6cd31_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:after,\n        #cshero-fancybox6a04ca5b6cd31_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:after{\n            color: ;\n        }\n\t<\/style>\n    <div class=\"cshero-fancybox-title-image\">\n                                            <h4 class=\"cshero-fancybox-title-wrap\" style=\"  text-transform: inherit;\">\n                <span class=\"cshero-title-main\">Video Content<\/span>\n            <\/h4>\n                    <\/div>\n            <div class=\"cshero-fancybox-content\">\n                            <div class=\"content\">\n                    Display your content and videos with our stunning video and image parallax function.                <\/div>\n                        \n                    <\/div>\n    <\/div>\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1408618149787{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/1&#8243; column_align=&#8221;center&#8221; text_align=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>Select your color overlay and opacity<\/h3>\n<p>Make any video fit in with your website color scheme with our color overlay and opacity picker.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1416921661833{padding-top: 180px !important;padding-bottom: 180px !important;}&#8221; type=&#8221;ww-custom&#8221; full_width=&#8221;false&#8221; enable_parallax=&#8221;false&#8221; parallax_speed=&#8221;0.7&#8243; bg_video_transparent=&#8221;0.6&#8243; bg_video_src_webm=&#8221;http:\/\/www.red-ferndevelopment.co.uk\/office.webm&#8221; bg_video_color=&#8221;#222222&#8243; autoplay=&#8221;1&#8243; loop=&#8221;1&#8243; muted=&#8221;1&#8243; font_color=&#8221;#ffffff&#8221; row_head_color=&#8221;#ffffff&#8221; row_link_color=&#8221;#ffffff&#8221; row_link_color_hover=&#8221;#ffffff&#8221; bg_video_src_mp4=&#8221;http:\/\/www.red-ferndevelopment.co.uk\/office.mp4&#8243;][vc_column width=&#8221;1\/3&#8243;]<div id=\"cshero-fancybox6a04ca5b6ce54_1778698843\" class=\"cshero-fancybox-wrap  clearfix fancybox-layout1  text-center \" style=\"border-color: transparent;   \">\n    <style type=\"text\/css\" scoped>\n        #cshero-fancybox6a04ca5b6ce54_1778698843.fancybox-layout1:hover .fancy-icon {\n            background-color:#222222 !important;\n            border-color:#222222 !important;\n            color: !important;\n        }\n\n        #cshero-fancybox6a04ca5b6ce54_1778698843.fancybox-layout1 .fancy-icon.icon-hover-style-1:after{\n    \t\t-webkit-border-radius:5px;\n    \t\t-moz-border-radius:5px;\n    \t\t-ms-border-radius:5px;\n    \t\t-o-border-radius:5px;\n    \t\tborder-radius:5px;\n    \t\tbackground-color:#222222;\n    \t\tborder-width:2px;\n    \t\tborder-style:solid;\n    \t\tborder-color:#222222;\n\t   }\n        \n        \n        \n                     #cshero-fancybox6a04ca5b6ce54_1778698843 [class^=\"flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6ce54_1778698843 [class*=\" flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6ce54_1778698843 [class^=\"flaticon-\"]:after, \n       #cshero-fancybox6a04ca5b6ce54_1778698843 [class*=\" flaticon-\"]:after {\n            font-size: 20px;\n            color: ;\n        }\n        #cshero-fancybox6a04ca5b6ce54_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6ce54_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6ce54_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:after,\n        #cshero-fancybox6a04ca5b6ce54_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:after{\n            color: ;\n        }\n\t<\/style>\n    <div class=\"cshero-fancybox-title-image\">\n                                            <h4 class=\"cshero-fancybox-title-wrap\" style=\"  text-transform: inherit;\">\n                <span class=\"cshero-title-main\">Video Content<\/span>\n            <\/h4>\n                    <\/div>\n            <div class=\"cshero-fancybox-content\">\n                            <div class=\"content\">\n                    Display your content and videos with our stunning video and image parallax function.                <\/div>\n                        \n                    <\/div>\n    <\/div>\n[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div id=\"cshero-fancybox6a04ca5b6cf73_1778698843\" class=\"cshero-fancybox-wrap  clearfix fancybox-layout1  text-center \" style=\"border-color: transparent;   \">\n    <style type=\"text\/css\" scoped>\n        #cshero-fancybox6a04ca5b6cf73_1778698843.fancybox-layout1:hover .fancy-icon {\n            background-color:#222222 !important;\n            border-color:#222222 !important;\n            color: !important;\n        }\n\n        #cshero-fancybox6a04ca5b6cf73_1778698843.fancybox-layout1 .fancy-icon.icon-hover-style-1:after{\n    \t\t-webkit-border-radius:5px;\n    \t\t-moz-border-radius:5px;\n    \t\t-ms-border-radius:5px;\n    \t\t-o-border-radius:5px;\n    \t\tborder-radius:5px;\n    \t\tbackground-color:#222222;\n    \t\tborder-width:2px;\n    \t\tborder-style:solid;\n    \t\tborder-color:#222222;\n\t   }\n        \n        \n        \n                     #cshero-fancybox6a04ca5b6cf73_1778698843 [class^=\"flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6cf73_1778698843 [class*=\" flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6cf73_1778698843 [class^=\"flaticon-\"]:after, \n       #cshero-fancybox6a04ca5b6cf73_1778698843 [class*=\" flaticon-\"]:after {\n            font-size: 20px;\n            color: ;\n        }\n        #cshero-fancybox6a04ca5b6cf73_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6cf73_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6cf73_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:after,\n        #cshero-fancybox6a04ca5b6cf73_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:after{\n            color: ;\n        }\n\t<\/style>\n    <div class=\"cshero-fancybox-title-image\">\n                                            <h4 class=\"cshero-fancybox-title-wrap\" style=\"  text-transform: inherit;\">\n                <span class=\"cshero-title-main\">Video Content<\/span>\n            <\/h4>\n                    <\/div>\n            <div class=\"cshero-fancybox-content\">\n                            <div class=\"content\">\n                    Display your content and videos with our stunning video and image parallax function.                <\/div>\n                        \n                    <\/div>\n    <\/div>\n[\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div id=\"cshero-fancybox6a04ca5b6d087_1778698843\" class=\"cshero-fancybox-wrap  clearfix fancybox-layout1  text-center \" style=\"border-color: transparent;   \">\n    <style type=\"text\/css\" scoped>\n        #cshero-fancybox6a04ca5b6d087_1778698843.fancybox-layout1:hover .fancy-icon {\n            background-color:#222222 !important;\n            border-color:#222222 !important;\n            color: !important;\n        }\n\n        #cshero-fancybox6a04ca5b6d087_1778698843.fancybox-layout1 .fancy-icon.icon-hover-style-1:after{\n    \t\t-webkit-border-radius:5px;\n    \t\t-moz-border-radius:5px;\n    \t\t-ms-border-radius:5px;\n    \t\t-o-border-radius:5px;\n    \t\tborder-radius:5px;\n    \t\tbackground-color:#222222;\n    \t\tborder-width:2px;\n    \t\tborder-style:solid;\n    \t\tborder-color:#222222;\n\t   }\n        \n        \n        \n                     #cshero-fancybox6a04ca5b6d087_1778698843 [class^=\"flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6d087_1778698843 [class*=\" flaticon-\"]:before, \n       #cshero-fancybox6a04ca5b6d087_1778698843 [class^=\"flaticon-\"]:after, \n       #cshero-fancybox6a04ca5b6d087_1778698843 [class*=\" flaticon-\"]:after {\n            font-size: 20px;\n            color: ;\n        }\n        #cshero-fancybox6a04ca5b6d087_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6d087_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:before,\n        #cshero-fancybox6a04ca5b6d087_1778698843:hover .cshero-fancybox-title-image [class^=\"flaticon-\"]:after,\n        #cshero-fancybox6a04ca5b6d087_1778698843:hover .cshero-fancybox-title-image [class*=\" flaticon-\"]:after{\n            color: ;\n        }\n\t<\/style>\n    <div class=\"cshero-fancybox-title-image\">\n                                            <h4 class=\"cshero-fancybox-title-wrap\" style=\"  text-transform: inherit;\">\n                <span class=\"cshero-title-main\">Video Content<\/span>\n            <\/h4>\n                    <\/div>\n            <div class=\"cshero-fancybox-content\">\n                            <div class=\"content\">\n                    Display your content and videos with our stunning video and image parallax function.                <\/div>\n                        \n                    <\/div>\n    <\/div>\n[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1416304783846{padding-top: 20px !important;padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/1&#8243; column_align=&#8221;center&#8221; text_align=&#8221;center&#8221;][vc_column_text] Carefully created to use on any design or theme You can create video and image parallax backgrounds on any style and on any theme.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1416921230458{padding-top: 180px !important;padding-bottom: 180px !important;}&#8221; type=&#8221;ww-custom&#8221; full_width=&#8221;false&#8221; enable_parallax=&#8221;false&#8221; parallax_speed=&#8221;0.7&#8243; bg_video_transparent=&#8221;0&#8243; bg_video_src_webm=&#8221;http:\/\/www.red-ferndevelopment.co.uk\/drinkingcoffee-wide.webm&#8221; loop=&#8221;1&#8243; autoplay=&#8221;1&#8243; font_color=&#8221;#ffffff&#8221; row_head_color=&#8221;#ffffff&#8221; row_link_color=&#8221;#ffffff&#8221; row_link_color_hover=&#8221;#ffffff&#8221; bg_video_src_mp4=&#8221;http:\/\/www.red-ferndevelopment.co.uk\/drinkingcoffee-wide.mp4&#8243;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8438","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages\/8438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/comments?post=8438"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages\/8438\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/media?parent=8438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}