{"id":1435,"date":"2015-06-23T16:40:32","date_gmt":"2015-06-23T15:40:32","guid":{"rendered":"http:\/\/tommusrhodus.wpengine.com\/?page_id=100"},"modified":"2020-06-01T16:07:51","modified_gmt":"2020-06-01T14:07:51","slug":"video-inline","status":"publish","type":"page","link":"https:\/\/stratojb.com\/index.php\/elements\/video-inline\/","title":{"rendered":"Video Inline"},"content":{"rendered":"<p>[vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/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        \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=&#8221;1\/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=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221; el_id=&#8221;&#8221;][vc_column width=&#8221;1\/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=&#8221;1\/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=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/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=&#8221;1\/2&#8243;][vc_column_text] EMBEDDED VIDEO&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":981,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/pages\/1435"}],"collection":[{"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/comments?post=1435"}],"version-history":[{"count":1,"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/pages\/1435\/revisions"}],"predecessor-version":[{"id":1522,"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/pages\/1435\/revisions\/1522"}],"up":[{"embeddable":true,"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/pages\/981"}],"wp:attachment":[{"href":"https:\/\/stratojb.com\/index.php\/wp-json\/wp\/v2\/media?parent=1435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}