{"id":22207,"date":"2015-06-23T16:40:32","date_gmt":"2015-06-23T15:40:32","guid":{"rendered":"http:\/\/tommusrhodus.wpengine.com\/?page_id=100"},"modified":"2020-09-22T18:54:17","modified_gmt":"2020-09-22T18:54:17","slug":"video-inline","status":"publish","type":"page","link":"https:\/\/www.ricardoloebell.cl\/index.php\/elements\/video-inline\/","title":{"rendered":"Video Inline"},"content":{"rendered":"<p>[vc_row full_width=\u00bb\u00bb parallax=\u00bb\u00bb parallax_image=\u00bb\u00bb][vc_column width=\u00bb1\/2&#8243;][vc_column_text]<\/p>\n<h4 class=\"uppercase mb16\" style=\"text-align: center\">LOCAL VIDEO<\/h4>\n<p class=\"lead mb64\" style=\"text-align: center\">With custom play icon and poster for maximum visual appeal.<\/p>\n<p>[\/vc_column_text]\n\t\t\t<div class=\"local-video-container\">\n\t\t\t    <div class=\"background-image-holder\">\n\t\t\t        <img width=\"1440\" height=\"960\" src=\"https:\/\/www.ricardoloebell.cl\/wp-content\/uploads\/2015\/06\/home3.jpg\" class=\"background-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/www.ricardoloebell.cl\/wp-content\/uploads\/2015\/06\/home3.jpg 1440w, https:\/\/www.ricardoloebell.cl\/wp-content\/uploads\/2015\/06\/home3-300x200.jpg 300w, https:\/\/www.ricardoloebell.cl\/wp-content\/uploads\/2015\/06\/home3-1024x683.jpg 1024w, https:\/\/www.ricardoloebell.cl\/wp-content\/uploads\/2015\/06\/home3-768x512.jpg 768w, https:\/\/www.ricardoloebell.cl\/wp-content\/uploads\/2015\/06\/home3-600x400.jpg 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/>\n\t\t\t    <\/div>\n\t\t\t    <video controls=\"\">\n\t\t\t        <source src=\"http:\/\/foundry.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/14\/2015\/06\/video.webm\" type=\"video\/webm\">\n\t\t\t        <source src=\"http:\/\/foundry.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/14\/2015\/06\/video.mp4\" type=\"video\/mp4\">\n\t\t\t        <source src=\"http:\/\/tommusrhodus.wpengine.com\/wp-content\/uploads\/2015\/06\/video.ogv\" type=\"video\/ogg\">\t\n\t\t\t    <\/video>\n\t\t\t    <div class=\"play-button\"><\/div>\n\t\t\t<\/div>\n\t\t[\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_column_text]<\/p>\n<h4 class=\"uppercase mb16\" style=\"text-align: center\">EMBEDDED VIDEO<\/h4>\n<p class=\"lead mb64\" style=\"text-align: center\">From iFrame video sources using Bootstrap&#8217;s 16:9 scaling.<\/p>\n<p>[\/vc_column_text]\n\t\t\t<div class=\"embed-video-container embed-responsive embed-responsive-16by9\">\n\t\t\t\t<iframe class=\"embed-responsive-item\"  title=\"Flying Lotus | Zodiac Sh*t\" src=\"https:\/\/player.vimeo.com\/video\/25737856?dnt=1&amp;app_id=122963\" width=\"1170\" height=\"658\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n\t\t\t<\/div>\n\t\t[\/vc_column][\/vc_row][vc_row full_width=\u00bb\u00bb parallax=\u00bb\u00bb parallax_image=\u00bb\u00bb el_id=\u00bb\u00bb][vc_column width=\u00bb1\/2&#8243;][vc_column_text]<\/p>\n<h4 class=\"uppercase mb16\" style=\"text-align: center\">LOCAL VIA MODAL<\/h4>\n<p class=\"lead mb64\" style=\"text-align: center\">Play icon that invokes an overlayed modal.<\/p>\n<p>[\/vc_column_text]\n\t\t\t<div class=\"modal-video-container mb16 text-center\">\n\t\t\t    <div class=\"play-button large dark inline\"><\/div>\n\t\t\t    <div class=\"modal-video\">\n\t\t\t        <i class=\"ti-close close-iframe\"><\/i>\n\t\t\t        <video controls=\"\">\n\t\t\t            <source src=\"http:\/\/foundry.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/14\/2015\/06\/video.webm\" type=\"video\/webm\">\n\t\t\t            <source src=\"http:\/\/foundry.tommusdemos.wpengine.com\/wp-content\/uploads\/sites\/14\/2015\/06\/video.mp4\" type=\"video\/mp4\">\n\t\t\t            <source src=\"http:\/\/tommusrhodus.wpengine.com\/wp-content\/uploads\/2015\/06\/video.ogv\" type=\"video\/ogg\">\t\n\t\t\t        <\/video>\n\t\t\t    <\/div>\n\t\t\t<\/div>\n\t\t[\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_column_text]<\/p>\n<h4 class=\"uppercase mb16\" style=\"text-align: center\">EMBED VIA MODAL<\/h4>\n<p class=\"lead mb64\" style=\"text-align: center\">Play icon that invokes an overlayed modal for iFrame sources.<\/p>\n<p>[\/vc_column_text]\n\t\t\t<div class=\"modal-video-container mb16 text-center\">\n\t\t\t    <div class=\"play-button large dark inline\"><\/div>\n\t\t\t    <div class=\"modal-video\">\n\t\t\t        <i class=\"ti-close close-iframe\"><\/i>\n\t\t\t        <iframe title=\"Flying Lotus | Zodiac Sh*t\" src=\"https:\/\/player.vimeo.com\/video\/25737856?dnt=1&amp;app_id=122963\" width=\"1170\" height=\"658\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n\t\t\t    <\/div>\n\t\t\t<\/div>\n\t\t[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=\u00bb\u00bb parallax=\u00bb\u00bb parallax_image=\u00bb\u00bb][vc_column width=\u00bb1\/2&#8243;][vc_column_text] LOCAL VIDEO With custom play icon and poster for maximum visual appeal. [\/vc_column_text][\/vc_column][vc_column width=\u00bb1\/2&#8243;][vc_column_text] EMBEDDED VIDEO&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":981,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/pages\/22207"}],"collection":[{"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/comments?post=22207"}],"version-history":[{"count":1,"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/pages\/22207\/revisions"}],"predecessor-version":[{"id":22236,"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/pages\/22207\/revisions\/22236"}],"up":[{"embeddable":true,"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/pages\/981"}],"wp:attachment":[{"href":"https:\/\/www.ricardoloebell.cl\/index.php\/wp-json\/wp\/v2\/media?parent=22207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}