{"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:\/\/radialcircle.com\/index.php\/elements-video-inline\/","title":{"rendered":"Elements &#8211; Video Inline"},"content":{"rendered":"<body><p>[vc_row full_width=\u201dstretch_row\u201d][vc_column]\n\t\t\t<section class=\"imagebg image--light cover cover-blocks bg--secondary \" >\n\t\t\t\t<div class=\"background-image-holder\"><img loading=\"lazy\" decoding=\"async\" width=\"3600\" height=\"1762\" src=\"https:\/\/i0.wp.com\/radialcircle.com\/wp-content\/uploads\/2017\/01\/promo-1.jpg?fit=3600%2C1762&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/><\/div>\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-sm-6 col-md-5\">\n\t\t\t\t\t\t\t<div>[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\u2019s modular elements<br>\nat the\u00a0<a href=\"\/elements\/\">Element Index Page \u2192<\/a>[\/vc_column_text]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><!--end of row-->\n\t\t\t\t<\/div><!--end of container-->\n\t\t\t\t\n\t\t\t<\/section>\n\t\t[\/vc_column][\/vc_row][vc_section css=\u201d.vc_custom_1498221028108{padding-top: 0px !important;}\u201d ebor_docs=\u201d\u201d][vc_row css=\u201d.vc_custom_1485825445121{margin-bottom: 30px !important;}\u201d][vc_column width=\u201d1\/2\u2033]<div class=\" boxed--lg bg--secondary  boxed boxed--border\" ><div class=\"container\">[vc_column_text]<\/p>\n<h4>Video Cover \u2013 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]<\/div><\/div>[\/vc_column][vc_column width=\u201d1\/2\u2033]\n\t\t\t<div class=\" video-cover border--round box-shadow\">\n\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"684\" src=\"https:\/\/i2.wp.com\/radialcircle.com\/wp-content\/uploads\/2017\/02\/agency-2.jpg?fit=1024%2C684&amp;ssl=1\" class=\"attachment-large size-large\" alt=\"\" \/>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"video-play-icon\"><\/div>\n\t\t\t\t<iframe loading=\"lazy\" title=\"Variant Page Builder &amp; Stack WordPress Theme Preview\" width=\"533\" height=\"300\" src=\"https:\/\/www.youtube.com\/embed\/q5CLyW7rcSM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\t\t\t<\/div><!--end video cover-->\n\t\t[\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row css=\u201d.vc_custom_1485825445121{margin-bottom: 30px !important;}\u201d][vc_column width=\u201d1\/2\u2033]<div class=\" boxed--lg bg--secondary  boxed boxed--border\" ><div class=\"container\">[vc_column_text]<\/p>\n<h4>Video Cover \u2013 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]<\/div><\/div>[\/vc_column][vc_column width=\u201d1\/2\u2033]\n\t\t\t<div class=\" video-cover border--round box-shadow\">\n\t\t\t\t<div class=\"background-image-holder\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1067\" src=\"https:\/\/i1.wp.com\/radialcircle.com\/wp-content\/uploads\/2017\/02\/blog-5.jpg?fit=1600%2C1067&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"video-play-icon\"><\/div>\n\t\t\t\t<video controls>\n\t\t\t\t\t<source src=\"http:\/\/stack.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/62\/2017\/01\/video.webm\" type=\"video\/webm\">\n\t\t\t\t\t<source src=\"http:\/\/stack.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/62\/2017\/01\/video.mp4\" type=\"video\/mp4\">\n\t\t\t\t\t<source src=\"\" type=\"video\/ogg\">\t\n\t\t\t\t<\/video>\n\t\t\t<\/div>\n\t\t[\/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\" rel=\"noopener\">admin demo \u2197<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=\u201dstretch_row\u201d][vc_column][\/vc_column][\/vc_row][vc_section css=\u201d.vc_custom_1498221028108{padding-top: 0px !important;}\u201d ebor_docs=\u201d\u201d][vc_row css=\u201d.vc_custom_1485825445121{margin-bottom: 30px !important;}\u201d][vc_column width=\u201d1\/2\u2033][\/vc_column][vc_column width=\u201d1\/2\u2033][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row css=\u201d.vc_custom_1485825445121{margin-bottom: 30px !important;}\u201d][vc_column width=\u201d1\/2\u2033][\/vc_column][vc_column width=\u201d1\/2\u2033][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column][vc_column_text] Looking for styled video sections? VIEW&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":"","footnotes":""},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8yNrc-xW","_links":{"self":[{"href":"https:\/\/radialcircle.com\/index.php\/wp-json\/wp\/v2\/pages\/2104"}],"collection":[{"href":"https:\/\/radialcircle.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radialcircle.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radialcircle.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radialcircle.com\/index.php\/wp-json\/wp\/v2\/comments?post=2104"}],"version-history":[{"count":0,"href":"https:\/\/radialcircle.com\/index.php\/wp-json\/wp\/v2\/pages\/2104\/revisions"}],"wp:attachment":[{"href":"https:\/\/radialcircle.com\/index.php\/wp-json\/wp\/v2\/media?parent=2104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}