{"id":226,"date":"2018-12-27T01:37:09","date_gmt":"2018-12-26T23:37:09","guid":{"rendered":"http:\/\/e-merald.com\/themes\/transvision-wp\/?page_id=226"},"modified":"2018-12-28T14:53:09","modified_gmt":"2018-12-28T12:53:09","slug":"video","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/transvision-wp\/resources\/general\/video\/","title":{"rendered":"Video"},"content":{"rendered":"\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-226-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"5\" ><div id=\"pgc-226-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-226-0-0-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"0\" >\n<p class=\"lead-text-large text-primary-color-saturated\">In a world of responsive and fluid layouts we need to make sure our content is accessible across all platforms, operating systems, browsers and devices.<\/p>\n<p>The theme includes support for displaying online hosted and HTML5 videos in responsive layout.<\/p>\n<p>See below the video options available.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-226-1\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-226-1-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-226-1-0-0\" class=\"so-panel widget widget_transvision-video widget-video panel-first-child panel-last-child\" data-index=\"1\" >\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"video-container\">\r\n\t\t\t\t\t\t<div class=\"fluid-width-video-wrapper\">\r\n\t\t\t\t\t\t<iframe title=\"Are Current High Schools Killing Dreams? Why Education needs to Change\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/Pi3GZ-TcoNA?feature=oembed&amp;wmode=transparent&amp;rel=0&amp;showinfo=0\" 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\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\n<\/div>\n<!-- end Video -->\n<\/div><div id=\"pgc-226-1-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-226-1-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"2\" >\n<h2 class=\"lead-text-large\"><strong>YouTube Video<\/strong><\/h2>\n<p class=\"text-small\">This is an example of a video embedded from <a href=\"http:\/\/youtube.com\" target=\"_blank\" rel=\"noopener\"><strong>YouTube<\/strong><\/a>. It is a fluid width video object (automatically fills the width available in the parent element).<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-226-2\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-226-2-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-226-2-0-0\" class=\"so-panel widget widget_transvision-video widget-video panel-first-child panel-last-child\" data-index=\"3\" >\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"video-container\">\r\n\t\t\t\t\t\t<div class=\"fluid-width-video-wrapper\">\r\n\t\t\t\t\t\t<iframe title=\"Volksbank Bankier - Creative Consulting (subtitled)\" src=\"https:\/\/player.vimeo.com\/video\/17740798?dnt=1&amp;app_id=122963\" width=\"1290\" height=\"806\" 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\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\n<\/div>\n<!-- end Video -->\n<\/div><div id=\"pgc-226-2-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-226-2-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"4\" >\n<h2 class=\"lead-text-large\"><strong>Vimeo Video<\/strong><\/h2>\n<p class=\"text-small\">This is an example of a video embedded from <a href=\"http:\/\/vimeo.com\" target=\"_blank\"><strong>Vimeo<\/strong><\/a>. It is a fluid width video object (automatically fills the width available in the parent element).<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-226-3\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-226-3-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-226-3-0-0\" class=\"so-panel widget widget_transvision-video widget-video panel-first-child panel-last-child\" data-index=\"5\" >\n\n<div class=\"html5-video-container\" data-aspect-ratio=\"1.7777777777778\">\n\t<video class=\"player\" poster=\"http:\/\/e-merald.com\/themes\/transvision-wp\/wp-content\/uploads\/2018\/12\/video-poster.jpg\" controls>\n\t\t<source src=\"http:\/\/e-merald.com\/themes\/_media\/taste-lab-800x450.mp4\" type=\"video\/mp4\">\n\t\t<source src=\"http:\/\/e-merald.com\/themes\/_media\/taste-lab-1280x720.webm\" type=\"video\/webm\">\n\t\t<source src=\"http:\/\/e-merald.com\/themes\/_media\/taste-lab-960x540.ogv\" type=\"video\/ogg\">\n\t<\/video>\n<\/div>\n\n<\/div>\n<!-- end Video -->\n<\/div><div id=\"pgc-226-3-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-226-3-1-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"6\" >\n<h2 class=\"lead-text-large\"><strong>HTML5 Video<\/strong><\/h2>\n<p class=\"text-small\">This is an example of HTML5 Video. It is a fluid width video object (automatically fills the width available in the parent element) with cross-browser support and Flash fallback.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-226-4\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"5\" ><div id=\"pgc-226-4-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-226-4-0-0\" class=\"so-panel widget widget_transvision-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"7\" >\n<ul class=\"dot-list\">\n<li>It is also possible to display YouTube and Vimeo videos in a <strong>lightbox overlay<\/strong> \u2014 see the <a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/resources\/general\/lightbox\/\"><strong>LightBox<\/strong><\/a> page.<\/li>\n<li>For an example of a <strong>video in sidebar<\/strong>, see the <a href=\"http:\/\/e-merald.com\/themes\/transvision-wp\/coaching\/faqs\/\"><strong>FAQs<\/strong><\/a> page.<\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n","protected":false},"excerpt":{"rendered":"<p>In a world of responsive and fluid layouts we need to make sure our content is accessible across all platforms, operating systems, browsers and devices. The theme includes support for displaying online hosted and HTML5 videos in responsive [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20,"parent":219,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/226"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}