{"id":19478,"date":"2019-05-09T12:38:25","date_gmt":"2019-05-09T12:38:25","guid":{"rendered":"https:\/\/codex-themes.com\/thegem-elementor\/?page_id=19478"},"modified":"2019-10-31T13:35:46","modified_gmt":"2019-10-31T13:35:46","slug":"features-video-backgrounds","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem-elementor\/features\/features-video-backgrounds\/","title":{"rendered":"Video backgrounds"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1460016470590{margin-bottom: 0px !important;}&#8221;][vc_column][gem_custom_header title_width=&#8221;1100&#8243; subtitle=&#8221;Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.&#8221; icon_position=&#8221;gem-custom-header-icon-position-centered&#8221; video_background_type=&#8221;self&#8221; pack=&#8221;material&#8221; size=&#8221;xlarge&#8221; subtitle_color=&#8221;#ffffff&#8221; video_background_src=&#8221;https:\/\/codex-themes.com\/thegem-elementor\/wp-content\/uploads\/2016\/02\/347712883.mp4&#8243; video_background_overlay_color=&#8221;#393d50&#8243; icon_material=&#8221;f2e5&#8243; color=&#8221;#ffd75e&#8221; padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243; video_background_overlay_opacity=&#8221;0.65&#8243;]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\"><span style=\"color: #ffd75e;\">Video<\/span> <span style=\"color: #ffffff; background-color: #252734; padding-left: 10px; padding-right: 10px;\">Backgrounds<\/span><span class=\"light\" style=\"color: #ffd75e;\">Lorem Ipsum Dolor<\/span><\/div>\n<p>[\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1460022658735{margin-bottom: 0px !important;}&#8221;][vc_column][gem_divider margin_top=&#8221;100&#8243;][vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\">Video Sources<\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<div class=\"title-h5\" style=\"text-align: center;\"><span class=\"light\">In TheGem you can use videos from following sources:<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;95&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; equal_height=&#8221;yes&#8221; css=&#8221;.vc_custom_1500558046871{margin-bottom: 0px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1460015883602{padding-right: 60px !important;padding-left: 60px !important;background-color: #aed581 !important;}&#8221;][gem_divider margin_top=&#8221;25&#8243;][gem_icon pack=&#8221;elegant&#8221; shape=&#8221;circle&#8221; size=&#8221;medium&#8221; icon_elegant=&#8221;e08f&#8221; color=&#8221;#aed581&#8243; background_color=&#8221;#ffffff&#8221;][gem_divider margin_top=&#8221;45&#8243;][vc_column_text]<\/p>\n<div class=\"title-h2\"><span style=\"color: #e7ff89;\">Self-Hosted<\/span> <span class=\"light\" style=\"color: #ffffff;\">Video<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;15&#8243;][vc_column_text]<\/p>\n<div class=\"styled-subtitle\"><span style=\"color: #3c3950;\">Duis sed odio sit amet nibh vulputate<\/span><br \/>\n<span style=\"color: #3c3950;\">cursus a sit amet mauris. Morbi<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;45&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1460016423049{padding-right: 60px !important;padding-left: 60px !important;background-color: #00bcd4 !important;}&#8221;][gem_divider margin_top=&#8221;25&#8243;][gem_icon pack=&#8221;elegant&#8221; shape=&#8221;circle&#8221; size=&#8221;medium&#8221; icon_elegant=&#8221;e0a3&#8243; color=&#8221;#00bcd4&#8243; background_color=&#8221;#ffffff&#8221;][gem_divider margin_top=&#8221;45&#8243;][vc_column_text]<\/p>\n<div class=\"title-h2\"><span style=\"color: #e7ff89;\">Youtube<\/span> <span class=\"light\" style=\"color: #ffffff;\">Video<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;15&#8243;][vc_column_text]<\/p>\n<div class=\"styled-subtitle\"><span style=\"color: #3c3950;\">Duis sed odio sit amet nibh vulputate<\/span><br \/>\n<span style=\"color: #3c3950;\">cursus a sit amet mauris. Morbi<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;45&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1460016449826{padding-right: 60px !important;padding-left: 60px !important;background-color: #46485c !important;}&#8221;][gem_divider margin_top=&#8221;25&#8243;][gem_icon pack=&#8221;elegant&#8221; shape=&#8221;circle&#8221; size=&#8221;medium&#8221; icon_elegant=&#8221;e09c&#8221; color=&#8221;#46485c&#8221; background_color=&#8221;#ffffff&#8221;][gem_divider margin_top=&#8221;45&#8243;][vc_column_text]<\/p>\n<div class=\"title-h2\"><span style=\"color: #e7ff89;\">Vimeo<\/span> <span class=\"light\" style=\"color: #ffffff;\">Video<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;15&#8243;][vc_column_text]<\/p>\n<div class=\"styled-subtitle\"><span style=\"color: #ffffff;\">Duis sed odio sit amet nibh vulputate<\/span><br \/>\n<span style=\"color: #ffffff;\">cursus a sit amet mauris. Morbi<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;45&#8243;][\/vc_column][\/vc_row][vc_row][vc_column][gem_fullwidth video_background_type=&#8221;self&#8221; video_background_src=&#8221;https:\/\/codex-themes.com\/thegem-elementor\/wp-content\/uploads\/2016\/03\/Sail-Away.mp4&#8243; container=&#8221;1&#8243; video_background_overlay_color=&#8221;#3d4e54&#8243; video_background_overlay_opacity=&#8221;0.67&#8243; padding_top=&#8221;130&#8243; padding_bottom=&#8221;130&#8243;][vc_row_inner el_class=&#8221;custom-image-size&#8221;][vc_column_inner offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][gem_divider margin_top=&#8221;150&#8243;][gem_button position=&#8221;center&#8221; style=&#8221;outline&#8221; size=&#8221;medium&#8221; text_weight=&#8221;thin&#8221; corner=&#8221;25&#8243; border=&#8221;1&#8243; icon_pack=&#8221;elegant&#8221; text=&#8221;buy now!&#8221; text_color=&#8221;#69ffd6&#8243; border_color=&#8221;#69ffd6&#8243; hover_border_color=&#8221;#69ffd6&#8243; hover_text_color=&#8221;#46485c&#8221; hover_background_color=&#8221;#69ffd6&#8243; link=&#8221;url:https%3A%2F%2Fthemeforest.net%2Fitem%2Fthegem-creative-multipurpose-wordpress-theme%2F16061685%3Fref%3DCodexThemes|||&#8221;][\/vc_column_inner][vc_column_inner offset=&#8221;vc_col-lg-6 vc_col-md-6&#8243;][vc_single_image image=&#8221;32789&#8243; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][gem_divider margin_top=&#8221;150&#8243;][gem_button position=&#8221;center&#8221; style=&#8221;outline&#8221; size=&#8221;medium&#8221; text_weight=&#8221;thin&#8221; corner=&#8221;25&#8243; border=&#8221;1&#8243; icon_pack=&#8221;elegant&#8221; text=&#8221;more demo&#8221; text_color=&#8221;#59dcf4&#8243; border_color=&#8221;#59dcf4&#8243; hover_border_color=&#8221;#59dcf4&#8243; hover_text_color=&#8221;#46485c&#8221; hover_background_color=&#8221;#59dcf4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n<div class=\"title-h4\" style=\"text-align: center;\"><span class=\"light\" style=\"color: #ffffff;\">Trends come and go.<br \/>\nDiamonds are forever.<\/span><\/div>\n<p>[\/vc_column_text][\/gem_fullwidth][\/vc_column][\/vc_row][vc_row][vc_column][gem_fullwidth][gem_divider margin_top=&#8221;140&#8243;][gem_icon icon_material=&#8221;f45f&#8221; shape=&#8221;hexagon&#8221; size=&#8221;large&#8221; centered=&#8221;1&#8243; color=&#8221;#3c3950&#8243; background_color=&#8221;#ffca3c&#8221; border_color=&#8221;#ffca3c&#8221;][gem_divider margin_top=&#8221;70&#8243;][vc_column_text]<\/p>\n<div class=\"title-h1\" style=\"text-align: center;\">Overlay &amp; Opacity<\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;30&#8243;][vc_column_text]<\/p>\n<div class=\"title-h5\" style=\"text-align: center;\"><span class=\"light\">For your video backgrounds you can define both overlay color and its opacity.\u00a0<\/span><\/div>\n<p>[\/vc_column_text][gem_divider margin_top=&#8221;75&#8243;][\/gem_fullwidth][\/vc_column][\/vc_row][vc_row][vc_column][gem_fullwidth video_background_type=&#8221;self&#8221; video_background_src=&#8221;https:\/\/codex-themes.com\/thegem-elementor\/wp-content\/uploads\/2016\/04\/smoke.mp4&#8243; container=&#8221;1&#8243; styled_marker_top_style=&#8221;figure&#8221; video_background_overlay_color=&#8221;#00bcd4&#8243; video_background_overlay_opacity=&#8221;0.8&#8243;][gem_divider margin_top=&#8221;185&#8243;][gem_counter_box columns=&#8221;4&#8243;][gem_counter icon_pack=&#8221;material&#8221; icon_shape=&#8221;circle&#8221; icon_size=&#8221;medium&#8221; icon_material=&#8221;f13a&#8221; icon_color=&#8221;#3c3950&#8243; icon_background_color=&#8221;#ffffff&#8221; background_color=&#8221;rgba(255,255,255,0.3)&#8221; from=&#8221;0&#8243; to=&#8221;480&#8243; text=&#8221;Downloads&#8221; numbers_color=&#8221;#ffffff&#8221; text_color=&#8221;#3c3950&#8243;][gem_counter icon_pack=&#8221;material&#8221; icon_shape=&#8221;circle&#8221; icon_size=&#8221;medium&#8221; icon_material=&#8221;f37b&#8221; icon_color=&#8221;#3c3950&#8243; icon_background_color=&#8221;#ffffff&#8221; background_color=&#8221;rgba(255,255,255,0.3)&#8221; from=&#8221;0&#8243; to=&#8221;3123&#8243; text=&#8221;Likes&#8221; numbers_color=&#8221;#ffffff&#8221; text_color=&#8221;#3c3950&#8243;][gem_counter icon_pack=&#8221;material&#8221; icon_shape=&#8221;circle&#8221; icon_size=&#8221;medium&#8221; icon_material=&#8221;f316&#8243; icon_color=&#8221;#3c3950&#8243; icon_background_color=&#8221;#ffffff&#8221; background_color=&#8221;rgba(255,255,255,0.3)&#8221; from=&#8221;0&#8243; to=&#8221;26&#8243; text=&#8221;Reviews&#8221; numbers_color=&#8221;#ffffff&#8221; text_color=&#8221;#3c3950&#8243;][gem_counter icon_pack=&#8221;material&#8221; icon_shape=&#8221;circle&#8221; icon_size=&#8221;medium&#8221; icon_material=&#8221;f524&#8243; icon_color=&#8221;#3c3950&#8243; icon_background_color=&#8221;#ffffff&#8221; background_color=&#8221;rgba(255,255,255,0.3)&#8221; from=&#8221;0&#8243; to=&#8221;480&#8243; text=&#8221;Ratings&#8221; numbers_color=&#8221;#ffffff&#8221; text_color=&#8221;#3c3950&#8243;][\/gem_counter_box][gem_divider margin_top=&#8221;145&#8243;][\/gem_fullwidth][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1460016470590{margin-bottom: 0px !important;}&#8221;][vc_column][gem_custom_header title_width=&#8221;1100&#8243; subtitle=&#8221;Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages\/19478"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/comments?post=19478"}],"version-history":[{"count":0,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages\/19478\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/media?parent=19478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}