{"id":154,"date":"2019-09-11T19:46:06","date_gmt":"2019-09-11T16:46:06","guid":{"rendered":"http:\/\/e-merald.com\/themes\/benchmark-wp\/?page_id=154"},"modified":"2019-09-14T12:57:20","modified_gmt":"2019-09-14T09:57:20","slug":"video","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/benchmark-wp\/resources\/general\/video\/","title":{"rendered":"Video"},"content":{"rendered":"\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg stripe-right stripe-arrows-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-154-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"5\" ><div id=\"pgc-154-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-154-0-0-0\" class=\"so-panel widget widget_benchmark-text-block widget-text-block panel-first-child\" data-index=\"0\" >\n<p class=\"lead-text-medium text-primary-color\">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\n<\/div>\n<!-- end Text Block -->\n\n\n<!-- Divider -->\n<div id=\"panel-154-0-0-1\" class=\"so-panel widget widget_benchmark-divider widget-divider\" data-index=\"1\" >\n<div class=\"small-bar colored-bar margin-bottom-30px\"><\/div>\n<\/div>\n<!-- end Divider -->\n\n\n<!-- Text Block -->\n<div id=\"panel-154-0-0-2\" class=\"so-panel widget widget_benchmark-text-block widget-text-block panel-last-child\" data-index=\"2\" >\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-white-bg stripe-fullwidth\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-154-1\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-154-1-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-154-1-0-0\" class=\"so-panel widget widget_benchmark-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=\"Financial Services 101: An Introduction to the Financial Industry\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/-JMLdhbUbzE?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-154-1-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-154-1-1-0\" class=\"so-panel widget widget_benchmark-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"4\" >\n<h3>YouTube Video<\/h3>\n<p>This is an example of a video embedded from <a href=\"https:\/\/www.youtube.com\" target=\"_blank\" rel=\"noopener\">YouTube<\/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-transparent-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-154-2\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-154-2-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-154-2-0-0\" class=\"so-panel widget widget_benchmark-video widget-video panel-first-child panel-last-child\" data-index=\"5\" >\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-154-2-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-154-2-1-0\" class=\"so-panel widget widget_benchmark-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"6\" >\n<h3>Vimeo Video<\/h3>\n<p>This is an example of a video embedded from <a href=\"https:\/\/vimeo.com\" target=\"_blank\">Vimeo<\/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 stripe-fullwidth\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-154-3\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-154-3-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-154-3-0-0\" class=\"so-panel widget widget_benchmark-video widget-video panel-first-child panel-last-child\" data-index=\"7\" >\n\n<div class=\"html5-video-container\" data-aspect-ratio=\"1.7777777777778\">\n\t<video class=\"player\" poster=\"http:\/\/e-merald.com\/themes\/benchmark-wp\/wp-content\/uploads\/2019\/09\/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-154-3-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-154-3-1-0\" class=\"so-panel widget widget_benchmark-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"8\" >\n<h3>HTML5 Video<\/h3>\n<p>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-transparent-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-154-4\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"5\" ><div id=\"pgc-154-4-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-154-4-0-0\" class=\"so-panel widget widget_benchmark-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"9\" >\n<ul>\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\/benchmark-wp\/resources\/general\/lightbox\/\">LightBox<\/a> page.<\/li>\n<li>For an example of a <strong>video in sidebar<\/strong>, see the <a href=\"http:\/\/e-merald.com\/themes\/benchmark-wp\/service\/tax-planning\/\">Tax Planning<\/a> page in \"Services\".<\/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 layout. See [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8,"parent":150,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages\/154"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/pages\/150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/media\/8"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/benchmark-wp\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}