{"id":3303,"date":"2015-11-15T01:10:20","date_gmt":"2015-11-14T18:10:20","guid":{"rendered":"http:\/\/beeteam368.com\/wordpress\/beeteam368-parallax-engine-html5-video-background-with-multi-layers-video-6331447524620\/"},"modified":"2015-11-15T01:27:04","modified_gmt":"2015-11-14T18:27:04","slug":"beeteam368-parallax-engine-html5-video-background-with-multi-layers-video-6331447524620","status":"publish","type":"page","link":"https:\/\/beeteam368.net\/wordpress\/beeteam368-parallax-engine-html5-video-background-with-multi-layers-video-6331447524620\/","title":{"rendered":"Beeteam368 &#8211; Parallax Engine &#8211; HTML5 Video Background &#8211; With Multi Layers Video"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_text_separator separator_style=&#8221;one-line-border&#8221; title=&#8221;Parallax Engine &#8211; HTML5 Video Background &#8211; With Multi Layers Video&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1447519407048{margin: 0px !important;border-width: 0px !important;padding: 0px !important;}&#8221;][vc_column]<style type=\"text\/css\">@media(max-width:2560px){#pe_bt_8633.bt-pe-container{height:100vh;}}@media(max-width:1440px){#pe_bt_8633.bt-pe-container{height:100vh;}}@media(max-width:1024px){#pe_bt_8633.bt-pe-container{height:100vh;}}@media(max-width:800px){#pe_bt_8633.bt-pe-container{height:500px;}}@media(max-width:767px){#pe_bt_8633.bt-pe-container{height:100vh;}}@media(max-width:480px){#pe_bt_8633.bt-pe-container{height:400px;}}<\/style>                    <div\t\t\t\t\t\r\n                        data-relativeinput\t\t\t=\"\"\r\n                        data-cliprelativeinput\t\t=\"\"\r\n                        data-calibratex\t\t\t\t=\"\"\r\n                        data-calibratey\t\t\t\t=\"\"\r\n                        data-invertx\t\t\t\t=\"\"\r\n                        data-inverty\t\t\t\t=\"\"\r\n                        data-limitx\t\t\t\t\t=\"\"\r\n                        data-limity\t\t\t\t\t=\"\"\r\n                        data-calibrationthreshold\t=\"\"\r\n                        data-calibrationdelay\t\t=\"\"\r\n                        data-supportdelay\t\t\t=\"\"\r\n                        data-scalarx\t\t\t\t=\"\"\r\n                        data-scalary\t\t\t\t=\"\"\r\n                        data-frictionx\t\t\t\t=\"\"\r\n                        data-frictiony\t\t\t\t=\"\"\r\n                        data-originx\t\t\t\t=\"\"\r\n                        data-originy\t\t\t\t=\"\"\r\n                         \r\n                        data-height\t\t\t\t\t=\"1\"\r\n                        data-content-position\t\t=\"1\"                                    \r\n                        style=\"background-color:#000000\"                        class\t\t\t\t\t\t=\"bt-pe-container \"\r\n                        \r\n                        id\t\t\t\t\t\t\t=\"pe_bt_8633\"                                    \r\n                    >\r\n                        \t\t\t\t\t<div class=\"hidden-item-calc\">\r\n                        <div class=\"parallax-scene-item layer \" data-depth=\"0.2\" id=\"pe_bt_3663\">                        \t\r\n                            <style type=\"text\/css\">.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_1889.parallax-item-builder{top:-3%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_1889.parallax-item-builder{right:-3%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_1889.parallax-item-builder{bottom:-3%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_1889.parallax-item-builder{left:-3%;}<\/style>\t\t\t\t\t<div \t\r\n                    \tclass=\"parallax-item-builder position-custom\"                       \r\n\t\t\t\t\t\tstyle=\" \r\n                        \tbackground-image:url(https:\/\/beeteam368.net\/wordpress\/wp-content\/uploads\/2015\/11\/819144752461115.jpg);\t\t\t\t\t\t\t                        \"\r\n                        id=\"pe_bt_1889\"\r\n                    >\r\n                    \t\t\t\t\t\t\t\t<div \r\n                            \tclass=\"html5-background-vd\"\r\n                                data-video-mp4=\"http:\/\/static.videezy.com\/system\/resources\/previews\/000\/000\/729\/original\/MVI_1272.mp4\"\r\n                                data-video-webm=\"http:\/\/static.videezy.com\/system\/resources\/preview3s\/000\/000\/729\/original\/MVI_1272.webm\"\r\n                                data-video-ogv=\"http:\/\/static.videezy.com\/system\/resources\/preview2s\/000\/000\/729\/original\/MVI_1272.ogv\"\r\n                                data-poster=\"https:\/\/beeteam368.net\/wordpress\/wp-content\/plugins\/Parallax-Engine-VC\/assets\/front-end\/images\/transparent.png\"                              \r\n                            >\r\n                            <\/div>\r\n                                                    \t\r\n                    <\/div>\t\t\t\r\n                                        <\/div>\r\n                    <\/div>\t\t\t\t\r\n                \t\t\t\t\t<div class=\"hidden-item-calc\">\r\n                        <div class=\"parallax-scene-item layer \" data-depth=\"0.45\" id=\"pe_bt_8300\">                        \t\r\n                            <style type=\"text\/css\">.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_8384.parallax-item-builder{top:15%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_8384.parallax-item-builder{right:15%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_8384.parallax-item-builder{bottom:15%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_8384.parallax-item-builder{left:15%;}<\/style>\t\t\t\t\t<div \t\r\n                    \tclass=\"parallax-item-builder position-custom\"                       \r\n\t\t\t\t\t\tstyle=\" \r\n                        \tbackground-image:url(https:\/\/beeteam368.net\/wordpress\/wp-content\/uploads\/2015\/11\/436144752461516.jpg);\t\t\t\t\t\t\t                        \"\r\n                        id=\"pe_bt_8384\"\r\n                    >\r\n                    \t\t\t\t\t\t\t\t<div \r\n                            \tclass=\"html5-background-vd\"\r\n                                data-video-mp4=\"http:\/\/static.videezy.com\/system\/resources\/previews\/000\/000\/732\/original\/MVI_1482.mp4\"\r\n                                data-video-webm=\"\"\r\n                                data-video-ogv=\"http:\/\/static.videezy.com\/system\/resources\/preview2s\/000\/000\/732\/original\/MVI_1482.ogv\"\r\n                                data-poster=\"https:\/\/beeteam368.net\/wordpress\/wp-content\/plugins\/Parallax-Engine-VC\/assets\/front-end\/images\/transparent.png\"                              \r\n                            >\r\n                            <\/div>\r\n                                                    \t\r\n                    <\/div>\t\t\t\r\n                                        <\/div>\r\n                    <\/div>\t\t\t\t\r\n                \t\t\t\t\t<div class=\"hidden-item-calc\">\r\n                        <div class=\"parallax-scene-item layer \" data-depth=\"0.65\" id=\"pe_bt_1901\">                        \t\r\n                            <style type=\"text\/css\">@media(max-width:2560px){.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_6225.parallax-item-builder{background-size:contain;}}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_6225.parallax-item-builder{top:0;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_6225.parallax-item-builder{right:20%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_6225.parallax-item-builder{bottom:0;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_6225.parallax-item-builder{left:20%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_6225.parallax-item-builder{animation-name:swing;-webkit-animation-name:swing;animation-duration:4s;-webkit-animation-duration:4s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-delay:0s;-webkit-animation-delay:0s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-fill-mode:both;-webkit-animation-fill-mode:both;}<\/style>\t\t\t\t\t<div \t\r\n                    \tclass=\"parallax-item-builder position-custom\"                       \r\n\t\t\t\t\t\tstyle=\" \r\n                        \tbackground-image:url(https:\/\/beeteam368.net\/wordpress\/wp-content\/uploads\/2015\/11\/4172144752460411.png);\t\t\t\t\t\t\t                        \"\r\n                        id=\"pe_bt_6225\"\r\n                    >\r\n                    \t                        \t\r\n                    <\/div>\t\t\t\r\n                                        <\/div>\r\n                    <\/div>\t\t\t\t\r\n                \t\t\t\t\t<div class=\"hidden-item-calc\">\r\n                        <div class=\"parallax-scene-item layer \" data-depth=\"0.75\" id=\"pe_bt_6813\">                        \t\r\n                            <style type=\"text\/css\">.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_5795.parallax-item-builder{top:30%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_5795.parallax-item-builder{right:30%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_5795.parallax-item-builder{bottom:30%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_5795.parallax-item-builder{left:30%;}<\/style>\t\t\t\t\t<div \t\r\n                    \tclass=\"parallax-item-builder position-custom\"                       \r\n\t\t\t\t\t\tstyle=\" \r\n                        \tbackground-image:url(https:\/\/beeteam368.net\/wordpress\/wp-content\/uploads\/2015\/11\/9998144752461717.jpg);\t\t\t\t\t\t\t                        \"\r\n                        id=\"pe_bt_5795\"\r\n                    >\r\n                    \t\t\t\t\t\t\t\t<div \r\n                            \tclass=\"html5-background-vd\"\r\n                                data-video-mp4=\"http:\/\/static.videezy.com\/system\/resources\/previews\/000\/002\/196\/original\/ferry-ride-timelapse-hd-stock-video.mp4\"\r\n                                data-video-webm=\"http:\/\/static.videezy.com\/system\/resources\/preview3s\/000\/002\/196\/original\/ferry-ride-timelapse-hd-stock-video.webm\"\r\n                                data-video-ogv=\"http:\/\/static.videezy.com\/system\/resources\/preview2s\/000\/002\/196\/original\/ferry-ride-timelapse-hd-stock-video.ogv\"\r\n                                data-poster=\"https:\/\/beeteam368.net\/wordpress\/wp-content\/plugins\/Parallax-Engine-VC\/assets\/front-end\/images\/transparent.png\"                              \r\n                            >\r\n                            <\/div>\r\n                                                    \t\r\n                    <\/div>\t\t\t\r\n                                        <\/div>\r\n                    <\/div>\t\t\t\t\r\n                <style type=\"text\/css\">.bt-pe-container .bt-pe-scene #pe_bt_4233.parallax-scene-item{z-index:2;}<\/style>\t\t\t\t\t<div class=\"hidden-item-calc\">\r\n                        <div class=\"parallax-scene-item layer \" data-depth=\"0.95\" id=\"pe_bt_4233\">                        \t\r\n                            <style type=\"text\/css\">@media(max-width:2560px){.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_364.parallax-item-builder{background-size:contain;}}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_364.parallax-item-builder{top:0;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_364.parallax-item-builder{right:35%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_364.parallax-item-builder{bottom:0;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_364.parallax-item-builder{left:35%;}.bt-pe-container .bt-pe-scene .parallax-scene-item #pe_bt_364.parallax-item-builder{animation-name:rubberBand;-webkit-animation-name:rubberBand;animation-duration:4s;-webkit-animation-duration:4s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-delay:0s;-webkit-animation-delay:0s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-fill-mode:both;-webkit-animation-fill-mode:both;}<\/style>\t\t\t\t\t<div \t\r\n                    \tclass=\"parallax-item-builder position-custom\"                       \r\n\t\t\t\t\t\tstyle=\" \r\n                        \tbackground-image:url(https:\/\/beeteam368.net\/wordpress\/wp-content\/uploads\/2015\/11\/5065144752460512.png);\t\t\t\t\t\t\t                        \"\r\n                        id=\"pe_bt_364\"\r\n                    >\r\n                    \t                        \t\r\n                    <\/div>\t\t\t\r\n                                        <\/div>\r\n                    <\/div>\t\t\t\t\r\n                                                            <\/div>            \r\n\t\t\t\t[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_text_separator separator_style=&#8221;one-line-border&#8221; title=&#8221;Parallax Engine &#8211; HTML5 Video Background &#8211; With Multi Layers Video&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1447519407048{margin: 0px !important;border-width: 0px !important;padding: 0px !important;}&#8221;][vc_column][\/vc_column][\/vc_row]<\/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-3303","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/pages\/3303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/comments?post=3303"}],"version-history":[{"count":1,"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/pages\/3303\/revisions"}],"predecessor-version":[{"id":3318,"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/pages\/3303\/revisions\/3318"}],"wp:attachment":[{"href":"https:\/\/beeteam368.net\/wordpress\/wp-json\/wp\/v2\/media?parent=3303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}