{"id":147,"date":"2015-02-10T01:11:53","date_gmt":"2015-02-10T01:11:53","guid":{"rendered":"http:\/\/nathanielober.com\/portfolio\/?page_id=147"},"modified":"2015-02-10T01:12:20","modified_gmt":"2015-02-10T01:12:20","slug":"animation-and-motion-gfx","status":"publish","type":"page","link":"http:\/\/nathanielober.com\/portfolio\/work\/video\/animation-and-motion-gfx\/","title":{"rendered":"Animation and Motion Gfx"},"content":{"rendered":"<div id=\"vimeography-gallery-1\" class=\"vimeography-bugsauce\" data-version=\"1.2\" itemscope itemtype=\"http:\/\/schema.org\/VideoGallery\">\n\n  <div class=\"vimeography-main\">\n      <div class=\"vimeography-player\" itemprop=\"video\">\n        <div class=\"video-wrapper\">\n          <iframe id=\"vimeography269048\" src=\"https:\/\/player.vimeo.com\/video\/50044006?title=0&amp;byline=0&amp;portrait=0&amp;player_id=vimeography269048&amp;api=1&amp;app_id=122963\" width=\"480\" height=\"270\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"2012 Motion Graphics and Animation Demo reel - Nathan Ober\"><\/iframe>\n        <\/div>\n      <\/div>\n  <\/div>\n\n  <div class=\"vimeography-thumbnails\">\n    <ul class=\"vimeography-slides\">\n        <li data-link=\"https:\/\/vimeo.com\/50044006\"><img src=\"https:\/\/i.vimeocdn.com\/video\/344963194-e98e1bddf8a1c1601ba1d7500d2d0e994ad678b32e6db08eec90da7ed2c785c3-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"2012 Motion Graphics and Animation Demo reel - Nathan Ober\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/nathanielober\/gatorpie\"><img src=\"https:\/\/i.vimeocdn.com\/video\/438918289-8d8acb663eaa8469dc1613c726a80eb889ec737818a0d8d9b8f59da7725ffb98-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"Gator Pie YellowBrick Pizza infomercial\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/41751038\"><img src=\"https:\/\/i.vimeocdn.com\/video\/289367805-7de318992869f997ba35d86abf1ac27f464387dc5139ba02432b0ad07d383c6d-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"Homeslice\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/38007307\"><img src=\"https:\/\/i.vimeocdn.com\/video\/261305481-a38e89c07bd96024d631ba72751726c807e0e7981469e1b301437cc63eb6dd7f-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"Foot Stomp \/ Face Melt\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/11206852\"><img src=\"https:\/\/i.vimeocdn.com\/video\/60947992-f1543e8baf4442f941d2afd4d3b3524a4739a1db0522645f800cb7be991301fd-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"PLACIDIARY\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n    <\/ul>\n  <\/div>\n\n<\/div> <!-- End Gallery -->\n\n<script type=\"text\/javascript\">\n\n  (function($){\n    $(document).ready(function() {\n\n      var $gallery = $('#vimeography-gallery-1');\n\n\n      var slider = $gallery.find('.vimeography-thumbnails').flexslider({\n        animation: \"slide\",\n        namespace: 'vimeography-bugsauce-',\n        controlNav: false,\n        animationLoop: false,\n        slideshow: false,\n        itemWidth: 186,\n        itemMargin: 8,\n        useCSS: false,\n        prevText: \"<span><\/span>\",\n        nextText: \"<span><\/span>\",\n        selector: \".vimeography-slides > li\"\n      }).data('flexslider');\n\n      $gallery.find('.vimeography-thumbnails li').first().addClass('vimeography-bugsauce-active-slide');\n\n      $gallery.on('click', '.vimeography-slides li', function(e){\n        $gallery.find('.vimeography-main').spin('custom');\n\n        var link = $(this).data('link');\n\n        $('.vimeography-bugsauce-active-slide').removeClass('vimeography-bugsauce-active-slide');\n        $(this).addClass('vimeography-bugsauce-active-slide');\n\n        $gallery.find('.vimeography-player').animate({'opacity':0}, 300, 'linear', function(){\n\n          var promise = vimeography.utilities.get_video( link );\n\n          promise.done(function (video) {\n            \/\/ This needs to be done so that the Vimeo API can interact with the player\n            video.html = vimeography.utilities.set_video_id(video.html);\n\n            $gallery.find('.vimeography-player').html(video.html).fitVids().animate({'opacity':1}, 300);\n            $gallery.find('.vimeography-main').spin(false);\n            $gallery.trigger('vimeography\/video\/ready');\n          });\n\n        });\n\n        e.preventDefault();\n      });\n\n      $gallery.on('vimeography\/playlist\/next', function(){\n        var $next_video = $('.vimeography-bugsauce-active-slide').next();\n\n        $next_video.trigger('click');\n\n        var videos_spanning_two_pages = slider.visible - slider.move;\n        var paging_factor = slider.visible - videos_spanning_two_pages;\n\n        if ( $next_video.index() >= paging_factor * (slider.currentSlide + 1) ) {\n          slider.flexslider('next');\n        }\n\n      });\n\n      $gallery.trigger('vimeography\/video\/ready');\n\n    });\n  })(jQuery)\n\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":14,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":[],"_links":{"self":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/147"}],"collection":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":1,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/147\/revisions"}],"predecessor-version":[{"id":148,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/147\/revisions\/148"}],"up":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/14"}],"wp:attachment":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/media?parent=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}