{"id":2514,"date":"2001-05-23T05:33:20","date_gmt":"2001-05-23T05:33:20","guid":{"rendered":"http:\/\/nathanielober.com\/portfolio\/?page_id=2514"},"modified":"2022-05-23T05:37:42","modified_gmt":"2022-05-23T05:37:42","slug":"experimental-video","status":"publish","type":"page","link":"http:\/\/nathanielober.com\/portfolio\/work\/experimental-video\/","title":{"rendered":"Experimental Video"},"content":{"rendered":"<div id=\"vimeography-gallery-3\" 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=\"vimeography812640\" src=\"https:\/\/player.vimeo.com\/video\/11187316?title=0&amp;byline=0&amp;portrait=0&amp;player_id=vimeography812640&amp;api=1&amp;app_id=122963\" width=\"640\" height=\"360\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" title=\"VIDEO MIX TAPE: PART 1\"><\/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\/11187316\"><img src=\"https:\/\/i.vimeocdn.com\/video\/65652677-a12b3aebc967fb5369c0c82c17ba599c5d4b4923865809bb93b9f777732a8a4a-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"VIDEO MIX TAPE: PART 1\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/192445536\"><img src=\"https:\/\/i.vimeocdn.com\/video\/603810289-39079ec3d95608a520229acbef19c63a053c3547cfe0ec91f164bf8fc0a4cd0f-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"SNOW MELT\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/18921722\"><img src=\"https:\/\/i.vimeocdn.com\/video\/119439227-ec9fa80e39be2c9df7963246680de9b0e2367825faaf9b123d3b38a219d59ee5-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"Snakedance: Sequence 2 (Original cut)\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/12102320\"><img src=\"https:\/\/i.vimeocdn.com\/video\/67361549-0dcf48d37a6289938db84be82fbc360d7498d8a3efad5b0f490f31859f62a258-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"VIDEO MIX TAPE PART 3\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/11808767\"><img src=\"https:\/\/i.vimeocdn.com\/video\/65652943-d2ea82aa137334d9844d65403d577642ba6140ff857e770b4a864c659d5cb464-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"VIDEO MIX TAPE PART 2\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/5255563\"><img src=\"https:\/\/i.vimeocdn.com\/video\/16452281-56748969d2825b4e21abfef4988621263c0b163f06a984bb75bb9063fb22217a-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"Freedom: Eva Ball\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/2682910\"><img src=\"https:\/\/i.vimeocdn.com\/video\/86767238-0157a37f38a15539ea7a5d733d6c7521945bb4801fd665b8a25705bcb8159e45-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"Adventures with Bob and Faith: act 3 &quot;nunchuckrollerskate&quot;\" width=\"186\" height=\"105\" itemprop=\"image\" \/><\/li>\n        <li data-link=\"https:\/\/vimeo.com\/2459995\"><img src=\"https:\/\/i.vimeocdn.com\/video\/86725677-f0fcba5901c564e17397e0f3403b22d8b3505fb510f223d662df53d2a0905df0-d_1280x720?&amp;r=pad&amp;region=us\" alt=\"Snow Angels\" 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-3');\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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2516,"parent":2161,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":[],"_links":{"self":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/2514"}],"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=2514"}],"version-history":[{"count":2,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/2514\/revisions"}],"predecessor-version":[{"id":2517,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/2514\/revisions\/2517"}],"up":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/pages\/2161"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/media\/2516"}],"wp:attachment":[{"href":"http:\/\/nathanielober.com\/portfolio\/wp-json\/wp\/v2\/media?parent=2514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}