{"id":222,"date":"2017-08-11T22:42:12","date_gmt":"2017-08-11T20:42:12","guid":{"rendered":"http:\/\/e-merald.com\/themes\/annuity-wp\/?page_id=222"},"modified":"2017-10-13T20:58:53","modified_gmt":"2017-10-13T18:58:53","slug":"video","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/annuity-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-222-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"5\" ><div id=\"pgc-222-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-222-0-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"0\" >\n<p class=\"left-border-block lead-text-large text-black\">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-222-1\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-222-1-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-222-1-0-0\" class=\"so-panel widget widget_annuity-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=\"Search Engine Marketing - In Simple English\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/zDz5jpq35MY?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-222-1-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-222-1-1-0\" class=\"so-panel widget widget_annuity-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>This is an example of a video embedded from <a class=\"text-underline\" 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-222-2\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-222-2-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-222-2-0-0\" class=\"so-panel widget widget_annuity-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-222-2-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-222-2-1-0\" class=\"so-panel widget widget_annuity-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>This is an example of a video embedded from <a class=\"text-underline\" href=\"http:\/\/vimeo.com\" target=\"_blank\" rel=\"noopener\"><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-222-3\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"5\" ><div id=\"pgc-222-3-0\"  class=\"panel-grid-cell col-sm-12 col-md-8 columns\"  data-cells=\"2\" >\n\n<!-- Video -->\n<div id=\"panel-222-3-0-0\" class=\"so-panel widget widget_annuity-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\/annuity-wp\/wp-content\/uploads\/2017\/08\/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-222-3-1\"  class=\"panel-grid-cell col-sm-12 col-md-4 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-222-3-1-0\" class=\"so-panel widget widget_annuity-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>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-222-4\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"5\" ><div id=\"pgc-222-4-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-222-4-0-0\" class=\"so-panel widget widget_annuity-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 <a class=\"text-secondary-color\" href=\"http:\/\/e-merald.com\/themes\/annuity-wp\/resources\/general\/lightbox\/\"><strong>LightBox<\/strong><\/a> page.<\/li>\n<li>For an example of a <strong>video in sidebar<\/strong>, see <a class=\"text-secondary-color\" href=\"http:\/\/e-merald.com\/themes\/annuity-wp\/service\/tax-planning\/\"><strong>Tax Planning<\/strong><\/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":10,"parent":217,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/222"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media\/10"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}