{"id":2104,"date":"2017-03-03T19:41:22","date_gmt":"2017-03-03T19:41:22","guid":{"rendered":"http:\/\/stack.tommusdemos.wpengine.com\/?page_id=2104"},"modified":"2017-03-03T19:41:22","modified_gmt":"2017-03-03T19:41:22","slug":"elements-video-inline","status":"publish","type":"page","link":"https:\/\/psdev2.com\/blog\/elements\/elements-video-inline","title":{"rendered":"Elements &#8211; Video Inline"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text]<\/p>\n<h1>Video Inline<\/h1>\n<p class=\"lead\">These modular elements can be readily used and customized across pages and in different blocks.<\/p>\n<hr class=\"short\" \/>\n<p>Explore all of Stack&#8217;s modular elements<br \/>\nat the\u00a0<a href=\"\/elements\/\">Element Index Page \u2192<\/a>[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][stack_boxed_content padding=&#8221;boxed&#8211;lg&#8221; background=&#8221;bg&#8211;secondary&#8221;][vc_column_text]<\/p>\n<h4>Video Cover &#8211; Embedded<\/h4>\n<p>The video cover allows you to embed a video using an iframe from service providers such as Youtube, Vimeo etc. Additionally you can use your own cover image and theme-consistent play button to maintain full visual control over the page.[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/2&#8243;][stack_video_inline layout=&#8221;embed&#8221; image=&#8221;351&#8243; embed=&#8221;https:\/\/www.youtube.com\/watch?v=q5CLyW7rcSM&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][stack_boxed_content padding=&#8221;boxed&#8211;lg&#8221; background=&#8221;bg&#8211;secondary&#8221;][vc_column_text]<\/p>\n<h4>Video Cover &#8211; Local<\/h4>\n<p>This video cover allows you to embed a locally hosted HTML5 video (use mp4,webm and ogg formats). Additionally you can use your own cover image and theme-consistent play button to maintain full visual control over the page.[\/vc_column_text][\/stack_boxed_content][\/vc_column][vc_column width=&#8221;1\/2&#8243;][stack_video_inline image=&#8221;1712&#8243; webm=&#8221;http:\/\/stack.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/62\/2017\/01\/video.webm&#8221; mpfour=&#8221;http:\/\/stack.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/62\/2017\/01\/video.mp4&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\">Looking for styled video sections?<\/h2>\n<p style=\"text-align: center;\"><a class=\"btn btn--primary type--uppercase\" href=\"\/sections\/videos\/\">VIEW VIDEO SECTIONS<\/a><\/p>\n<p class=\"type--fine-print\" style=\"text-align: center;\">or try the\u00a0<a href=\"http:\/\/tommusrhodus.theme-demo.net\/stackwordpresstheme\" target=\"_blank\">admin demo \u2197<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text] Video Inline These modular elements can be readily used and customized across pages and in different blocks. Explore all of Stack&#8217;s modular elements at the\u00a0Element Index Page \u2192[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row css=&#8221;.vc_custom_1485825445121{margin-bottom: 30px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][stack_boxed_content padding=&#8221;boxed&#8211;lg&#8221; background=&#8221;bg&#8211;secondary&#8221;][vc_column_text] Video Cover &#8211; Embedded The video cover allows you to embed a video using an iframe from service [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":33,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages\/2104"}],"collection":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/comments?post=2104"}],"version-history":[{"count":0,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages\/2104\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/psdev2.com\/blog\/wp-json\/wp\/v2\/media?parent=2104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}