[{"data":1,"prerenderedAt":385},["ShallowReactive",2],{"project-4404204":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":45,"post_text":47,"what":48,"said":85,"maker_in_thread":221,"shape":226,"grid":230,"attempts":346,"same_week":347,"maker_shows":33,"maker_hidden":377,"reader_version":378,"card":379},"4404204","BigVideo.js","Yeah, I JUJ'd it.™ (just use jQuery)","maker","Show HN: BigVideo.js","http:\u002F\u002Fdfcb.github.com\u002FBigVideo.js\u002F","dfcb.github.com","johnpolacek",1345389199,2012,244,48,55,1677,4,"notable","languages","jquery plugin","library",[21,24,25,26],"fullscreen background video","html5 video","video.js","debated",0.108,{"positive":30,"neutral":31,"mixed":32,"critical":33},11,8,7,9,35,{"design":36,"execution":38,"idea":39,"performance":42,"docs":44},{"positive":37,"critical":18},3,{"positive":18,"critical":37},{"positive":40,"critical":41},1,0,{"positive":43,"critical":43},2,{"positive":41,"critical":41},[37,37,41,37,46,46,37,41,37,40,40,40,41,41,40,41,37,41,37,46,40,41,40,41,41,46,46,46,41,37,37,46,46,37,40,37,46,40,46,46],5,null,{"problem":49,"audience":60,"pricing":47,"motivation":47,"time_to_build":47,"stack":67,"openness":84,"stage":84,"team_size":84},{"value":50,"source":51,"evidence":52},"Full-screen background video on web pages.","inferred",[53,56],{"id":54,"by":11,"text":55},"4404682","Another guy posted about the tubular plugin as well. One thing BigVideo.js has is controls you can customize and I have an example where you can do autohiding of content on top…",{"id":57,"by":58,"text":59},"4405185","paulirish","Things from BigVideo that would be varying degrees of PITA to roll your own, pending the browser support: ``` * measuring window size * creating a slider slider component without…",{"value":61,"source":51,"evidence":62},"Web developers building video backgrounds.",[63],{"id":64,"by":65,"text":66},"4406169","DigitalSea","The exact reason I use jQuery for projects that aren't jQuery projects myself. The years of work and testing that have gone into jQuery make it an invaluable asset when working…",[68,75,80],{"value":69,"source":51,"evidence":70},"JavaScript",[71],{"id":72,"by":73,"text":74},"4404594","gbelote","Looking at the source, he uses jQuery under the hood for (at least) element manipulation, event handling, and the ui-slider. So the effort is non-trivial, although it probably…",{"value":76,"source":7,"evidence":77},"jQuery",[78],{"id":79,"by":11,"text":6},"4405311",{"value":81,"source":7,"evidence":82},"Video.js",[83],{"id":54,"by":11,"text":55},"unknown",{"praise":86,"objections":116,"requests":168,"questions":194,"alternatives":206},[87,100,108],{"value":88,"source":89,"evidence":90},"Nice work and demo","commenter",[91,92,96],{"id":72,"by":73,"text":74},{"id":93,"by":94,"text":95},"4404461","vasco","Working on Chrome 21.0.1180.79 on Ubuntu. Looks really cool too. Great demos!",{"id":97,"by":98,"text":99},"4404395","buren","nice work! running great on chrome 21\u002Fwin7",{"value":101,"source":89,"evidence":102},"Works well in Chrome on Windows and Mac",[103,104],{"id":97,"by":98,"text":99},{"id":105,"by":106,"text":107},"4404453","shocks","Works great for me. Chrome 21.0.1180.79 m. Nice work. :D",{"value":109,"source":89,"evidence":110},"Useful for landing pages and branding",[111,112],{"id":64,"by":65,"text":66},{"id":113,"by":114,"text":115},"4404804","phereford","IMO, it probably wouldn't be best to put this on a page with content is the main factor. This is sort of cool for branding\u002Fmarketing and can have a big impact in that arena.",[117,132,143,161],{"value":118,"source":89,"evidence":119},"Distracting and hurts text readability",[120,124,128],{"id":121,"by":122,"text":123},"4404592","andy_herbert","I really hope the websites that implement this also supply an off-switch, it looks great but detracts away from the text and reduces readability.",{"id":125,"by":126,"text":127},"4404793","ChuckMcM","I was worried about that too, it looks cool, makes the text hard to read because its distracting, and ultimately might result in a bunch of pages which get less useful.",{"id":129,"by":130,"text":131},"4404961","mitjak","Then, perhaps, it shouldn't do so on its project page and instead link to a demo. I found it extremely distracting just reading the project web page at all, never mind all the…",{"value":133,"source":89,"evidence":134},"Heavy CPU use and fan noise",[135,139],{"id":136,"by":137,"text":138},"4404955","malsme","It has a similar effect to Flash ads on my laptop, the fan fires up to full power, so yes, an off button please.",{"id":140,"by":141,"text":142},"4404419","Zirro","Running Nightly (Firefox alphas) and it works here. The fallback to Flash explains why it's so laggy here on OS X though, making it a distraction rather than a positive addition…",{"value":144,"source":89,"evidence":145},"Does not work well in Firefox or Linux",[146,150,153,157],{"id":147,"by":148,"text":149},"4404261","taf2","doesn't work in firefox, the video plays in the background but as a tiny box instead of being full screen",{"id":151,"by":148,"text":152},"4404282","14.0.1 - OSX, it starts the video as a tiny square box. if I leave the tab and come back it'll take up the full screen. [update]: this is amazing great work! [update]: here is a…",{"id":154,"by":155,"text":156},"4404670","aklofas","Not on linux though. Wasn't working for me.",{"id":158,"by":159,"text":160},"4404327","PythonDeveloper","Does not work on Chromium 18.0.1025.168 on Ubuntu, but does work on Firefox 14.01 Ubuntu. Also, video does not resize when browser size changes, leaving content missing. Nice…",{"value":162,"source":89,"evidence":163},"Full-screen video on mobile is intrusive",[164],{"id":165,"by":166,"text":167},"4404481","aaronbrethorst","It automatically takes over the screen of my iPhone when I navigate to it. Great for desktops, and a killer way to Rickroll iOS users.",[169,176,183],{"value":170,"source":89,"evidence":171},"Add an off switch or play toggle",[172,173],{"id":121,"by":122,"text":123},{"id":174,"by":11,"text":175},"4405121","Added a play toggle to the demo page.",{"value":177,"source":89,"evidence":178},"Remove jQuery dependency",[179],{"id":180,"by":181,"text":182},"4404472","cletus","Nice work but one comment: it's not clear to me why this is a jQuery plugin. In the setup you simply install a constructor (ie new $.BigVideo()) and that's it. Unless there's…",{"value":184,"source":89,"evidence":185},"Better browser compatibility",[186,190],{"id":187,"by":188,"text":189},"4404429","qatalo","BigVideo.js would be a FAR better alternative; if you can just fix the browser compatibility issues :)",{"id":191,"by":192,"text":193},"4404527","kmfrk","Great job, man. However, this project and another that is on the frontpage of HN reminded me that projects like these should always come with a checklist of browsers that support…",[195,199],{"value":196,"source":89,"evidence":197},"Why it depends on jQuery",[198],{"id":180,"by":181,"text":182},{"value":200,"source":89,"evidence":201},"Performance impact on sites",[202],{"id":203,"by":204,"text":205},"4405793","drickster","nice man. this is a really awesome plugin that would be super useful for my new site I'm looking to launch soon. Have you noticed any effect on site performance in terms of speed…",[207,217],{"value":208,"source":89,"evidence":209},"Tubular",[210,213],{"id":211,"by":188,"text":212},"4404405","a better, more compatible alternative would be: http:\u002F\u002Fwww.seanmccambridge.com\u002Ftubular\u002F upload your video to youtube, and use Tubular to serve it. +save bandwidth or modify the…",{"id":214,"by":215,"text":216},"4404669","jgv","To get this effect by simply dropping in YouTube or Vimeo videos check out this jQuery plugin http:\u002F\u002Fokfoc.us\u002Fokvideo\u002F or http:\u002F\u002Fgithub.com\u002Fokfocus\u002Fokvideo.",{"value":218,"source":89,"evidence":219},"OKVideo",[220],{"id":214,"by":215,"text":216},{"comments":31,"answered":41,"key":222},[223,224,225],{"id":79,"text":6},{"id":54,"text":55},{"id":174,"text":175},{"commenters":227,"max_depth":46,"maker_replies":31,"first_comment_mins":228,"lifespan_hours":229},38,22,31,[231,233,235,239,242,244,245,247,249,250,252,254,255,256,258,261,262,265,267,269,271,273,276,279,281,284,287,289,291,295,298,302,306,308,310,311,313,315,319,323,328,330,334,337,339,340,342,344],[180,41,37,232,181,41],"project\u002Fneutral\u002Fdesign",[72,41,37,234,73,41],"project\u002Fneutral\u002Fexecution",[236,41,41,237,238,41],"4404947","commenter\u002Fneutral\u002Fnone","alexanderh",[240,41,37,234,241,41],"4405064","michaelkscott",[57,41,46,243,58,41],"project\u002Fpositive\u002Fexecution",[79,41,41,237,11,40],[64,41,46,246,65,41],"project\u002Fpositive\u002Fnone",[214,40,37,248,215,41],"project\u002Fneutral\u002Fidea",[54,40,41,232,11,40],[121,43,37,251,122,41],"project\u002Fmixed\u002Fdesign",[125,43,40,253,126,41],"project\u002Fcritical\u002Fdesign",[113,43,37,251,114,41],[129,43,40,253,130,41],[136,43,40,257,137,41],"project\u002Fcritical\u002Fperformance",[259,43,41,237,260,41],"4407423","RoryH",[174,43,41,232,11,40],[263,43,37,232,264,41],"4405126","dwynings",[211,37,40,266,188,41],"project\u002Fcritical\u002Fexecution",[268,37,41,237,11,40],"4404422",[187,37,37,270,188,41],"project\u002Fmixed\u002Fexecution",[272,37,41,237,11,40],"4404439",[274,37,37,248,275,41],"4404731","continuations",[277,37,46,278,188,41],"4404888","project\u002Fpositive\u002Fidea",[191,18,37,280,192,41],"project\u002Fmixed\u002Fdocs",[282,46,40,253,283,41],"4404529","JulianWasTaken",[285,46,41,237,286,41],"4404778","juriga",[165,288,40,253,166,41],6,[290,288,41,234,11,40],"4404577",[292,32,41,293,294,41],"4409052","other\u002Fneutral\u002Fnone","VeejayRampay",[296,32,41,293,297,41],"4410015","danneu",[299,31,46,300,301,41],"4405279","project\u002Fpositive\u002Fdesign","cbsmith",[303,33,46,304,305,41],"4405928","project\u002Fpositive\u002Fperformance","propercoil",[93,307,46,243,94,41],10,[309,30,41,234,11,40],"4404275",[151,30,37,270,148,41],[312,30,41,234,11,40],"4404314",[140,30,37,314,141,41],"project\u002Fmixed\u002Fperformance",[316,317,46,300,318,41],"4406235",12,"melloclello",[320,321,46,300,322,41],"4405308",13,"aswanson",[324,325,37,326,327,41],"4405794",14,"project\u002Fneutral\u002Fperformance","NHQ",[147,329,40,266,148,41],15,[331,332,40,257,333,41],"4404608",16,"instakill",[335,332,37,326,336,41],"4404617","TazeTSchnitzel",[105,338,46,243,106,41],17,[154,338,40,266,155,41],[97,341,46,243,98,41],18,[158,343,37,270,159,41],19,[203,345,46,304,204,41],20,[],[348,353,358,363,367,372],{"id":349,"name":350,"points":351,"category":352},"4408070","bootstrap-daterangepicker",363,"dev_tools",{"id":354,"name":355,"points":356,"category":357},"4418621","SideProjects.com",236,"learning_science",{"id":359,"name":360,"points":361,"category":362},"4413713","Nifty",171,"web_saas",{"id":364,"name":365,"points":366,"category":352},"4393704","cubehero.com",127,{"id":368,"name":369,"points":370,"category":371},"4392656","Cobalt-Calibur-3",87,"games",{"id":373,"name":374,"points":375,"category":376},"4401550","LiquidText",82,"productivity",false,"v2",{"id":380,"name":5,"line":6,"ai":377,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":381,"top":18,"kw":382,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":383,"url":9,"mix":384,"praise":88,"objection":118,"sub":21},4404204,0.11,[21,24,25,26],"3303553031110010303510100555033553135155",[30,31,32,33],1794036498793]